1
0
mirror of https://github.com/jbranchaud/til synced 2026-01-03 15:18:01 +00:00
Files
til/react/sync-your-react-router-state-with-redux.md

15 lines
712 B
Markdown

# Sync Your react-router State With Redux
If you are building a React app that uses both `redux` and `react-router`,
you'll find that you are managing app state in two places. Most of your app
state is in `redux`. The router-specific state is component-state in the
`Router`.
You can unify it all in `redux` with
[`react-router-redux`](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-redux).
You'll need to apply some middleware, combine `routerReducer` with the rest
of your reducers, and then swap out your `BrowserRouter` with a
`ConnectedRouter`. You can read about the details
[here](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-redux).