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

nel_h2
AI-powered service management for IT and enterprise teams Icon
AI-powered service management for IT and enterprise teams

Enterprise-grade ITSM, for every business

Give your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
Try it 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