Synchronize router state with redux store through uni-directional flow (i.e. history -> store -> router -> components). Supports React Router v4 and v5. Supports functional component hot reloading while preserving state (with react-hot-reload). Dispatching of history methods (push, replace, go, goBack, goForward) works for both redux-thunk and redux-saga. Nested children can access routing state such as the current location directly with react-redux's connect. Supports time traveling in Redux DevTools. Wrap your react-router v4/v5 routing with ConnectedRouter and pass the history object as a prop. Remember to delete any usage of BrowserRouter or NativeRouter as leaving this in will cause problems synchronizing the state. Place ConnectedRouter as a child of react-redux's Provider. If doing server-side rendering, you should still use the StaticRouter from react-router on the server.

Features

  • A Redux binding for React Router v4 and v5
  • v6.0.0 requires React v16.4.0 and React Redux v6.0 / v7.0
  • Supports time traveling in Redux DevTools
  • Supports Immutable.js
  • Supports TypeScript
  • Generated files will be in the lib folder

Project Samples

Project Activity

See All Activity >

Categories

File Sync

License

MIT License

Follow Connected React Router

Connected React Router Web Site

Other Useful Business Software
Demo Series - Small Business Backup By Veeam Icon
Demo Series - Small Business Backup By Veeam

Learn how to protect your Microsoft 365 data, with simple, actionable tips today.

Watch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
Watch Demo Series
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Connected React Router!

Additional Project Details

Operating Systems

Windows

Programming Language

JavaScript

Related Categories

JavaScript File Sync Software

Registered

2021-12-03