Learning Redux

Using the routerMiddleware

Next, we need to make react-router use the Redux store. This is done by applying the routerMiddleware provided by react-router-redux when creating the Redux store. Perform the following steps:

1. Edit src/store/middleware.js and import the routerMiddleware:

import { routerMiddleware } from 'react-router-redux'

2. The middleware requires us to pass a history object to it. So we also import the createHistory helper from the history library:

import createHistory from 'history/createBrowserHistory'

3. Now, we use this helper function to create a new history object and export it:

export const history = createHistory()

4. Then, pass the middleware as another argument to the applyMiddleware helper function:

const middleware ...