Learning Redux

Creating the reducer

The next step is handling the action in a reducer. To create a reducer, perform the following steps:

1. As mentioned before, we are going to add a route sub-state, which contains the current page. Create a new src/reducers/route.js file. We start by importing the action type:

import { NAVIGATE } from '../actionTypes'

2. Next, we define our reducer function. The default state will be the main page:

export default function routeReducer (state = 'main', action) {

3. Then, we handle the NAVIGATE action type, and store the new page in the route sub-state by returning it from the reducer:

  const { type, page } = action    if (type === NAVIGATE) {    return page  }    return state}

4. Finally, we need to import and use our routeReducer