reducer
function. Reducers in Redux are responsible for the state modifications that take place in response to actions. A reducer
takes state
and action
as arguments, and it always returns a new state
. It is important to see that this is the only role of the reducer. It has no side effects — it never calls an API endpoint and it never has any hidden surprises. The reducer is simply a pure function that takes state and action, then returns new state.
Another key principle in Redux is that state
is read-only. In other words, the reducer
function must always return a new copy of state
and never modify state directly. Redux does not enforce state immutability, however, you are responsible for enforcing it in the code of your reducer functions. You'll practice this in later challenges.
reducer
function for you. Fill in the body of the reducer
function so that if it receives an action of type 'LOGIN'
it returns a state object with login
set to true
. Otherwise, it returns the current state
. Note that the current state
and the dispatched action
are passed to the reducer, so you can access the action's type directly with action.type
.
loginAction
should return an object with type property set to the string LOGIN
.
testString: assert(loginAction().type === 'LOGIN', 'Calling the function loginAction
should return an object with type property set to the string LOGIN
.');
- text: The store should be initialized with an object with property login
set to false
.
testString: assert(store.getState().login === false, 'The store should be initialized with an object with property login
set to false
.');
- text: Dispatching loginAction
should update the login
property in the store state to true
.
testString: assert((function() { const initialState = store.getState(); store.dispatch(loginAction()); const afterState = store.getState(); return initialState.login === false && afterState.login === true })(), 'Dispatching loginAction
should update the login
property in the store state to true
.');
- text: If the action is not of type LOGIN
, the store should return the current state.
testString: 'assert((function() { store.dispatch({type: ''__TEST__ACTION__''}); let afterTest = store.getState(); return typeof afterTest === ''object'' && afterTest.hasOwnProperty(''login'') })(), ''If the action is not of type LOGIN
, the store should return the current state.'');'
```