Learning Redux

Root reducer

This time we will do something a little different in the src/reducers/index.js file. Instead of re-exporting all reducers, we import all reducers, then export a single root reducer, which we create using the combineReducers helper from the Redux library:

1. Create a new src/reducers/index.js file.
2. First, we import the combineReducers helper function and all reducers:

import { combineReducers } from 'redux'

import usersReducer from './users'
import postsReducer from './posts'
import filterReducer from './filter'

3. Then, we use combineReducers to create a reducer for the whole application state and export it:

const appReducer = combineReducers({ users: usersReducer, posts: postsReducer, filter: filterReducer, }) export default appReducer ...