A Redux binding for React Router v4
Align public API with react-router-redux and allow various integrations (redux-loop, rematch, etc.) (@sgal in #150)
history
and returning a root reducer with a router
key that uses connectRouter(history). Note: The key MUST be router
.// reducers.js
import { combineReducers } from 'redux'
import { connectRouter } from 'connected-react-router'
export default (history) => combineReducers({
router: connectRouter(history),
... // rest of your reducers
})
// configureStore.js
import { createBrowserHistory } from 'history'
import { applyMiddleware, compose, createStore } from 'redux'
import { routerMiddleware } from 'connected-react-router'
import createRootReducer from './reducers'
const history = createBrowserHistory()
const store = createStore(
createRootReducer(history), // root reducer with router state
initialState,
compose(
applyMiddleware(
routerMiddleware(history), // for dispatching history actions
// ... other middlewares ...
),
),
)
history
(@VincentLanglet in #87).