Learning Redux

Defining the action types and action creator

We start by defining a NAVIGATE action and navigate(pageName) action creator. Dispatching this action will change the current page/route of our application. To define action types and action creators, perform the following steps:

1. Edit src/actionTypes.js and add the following lines:

// ...other action types...// routerexport const NAVIGATE = 'NAVIGATE'

2. Now we create a new src/actions/router.js file, and import the action type:

import { NAVIGATE } from '../actionTypes'

3. We implement the (very simple) action creator:

export const navigate = (pageName) => {  return {    type: NAVIGATE,    page: pageName  }}

4. Finally, we export the action creator in the src/actions/index.js file:

export * from './users' ...