Learn React Hooks

Setting the initial state in Redux reducers

So, we are going to focus on the first convention—to set the initial state by defining a default value in the function arguments, as follows:

1. Edit src/reducers.js and import the combineReducers function from Redux:

import { combineReducers } from 'redux'

2. Then, rename filterReducer to filter, and set a default value:

function filter (state = 'all', action) {

3. Next, edit todosReducer and repeat the same process there:

function todos (state = [], action) {

4. Finally, we are going to use the combineReducers function to create our appReducer function. Instead of creating the function manually, we can now do the following:

const appReducer = combineReducers({ todos, filter })export default appReducer ...