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
Fully Managed MySQL, PostgreSQL, and SQL Server Icon
Fully Managed MySQL, PostgreSQL, and SQL Server

Automatic backups, patching, replication, and failover. Focus on your app, not your database.

Cloud SQL handles your database ops end to end, so you can focus on your app.
Try Free
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