supasate/connected-react-router
Connected React Router
connected-react-router is a synchronization tool that binds React Router state and browser history to a Redux store. It maps routing information and URL parameters into a global state tree, enabling the application to manage navigation through a unidirectional data flow.
The library allows navigation to be triggered by dispatching actions rather than calling imperative history methods. This middleware-driven approach enables URL updates to be initiated from business logic or asynchronous processes.
The system synchronizes the current location, hash, and search parameters into the global state for access across components. By storing routing changes within the state tree, it supports immutable state integration and the ability to debug navigation through route history time travel.
Features
- Router State Synchronizers - Synchronizes browser location and routing metadata into a Redux store using a unidirectional data flow.
- History State Updates - Keeps the application state store aligned with the browser URL by listening for history changes.
- Route Transition Synchronizers - Provides mechanisms to synchronize route transitions with a Redux state store via action dispatching.
- State-Driven Navigations - Triggers URL changes and route transitions by dispatching state management actions instead of imperative calls.
- Router State Bindings - Synchronizes React Router state with a Redux store to enable navigation via dispatched actions.
- Redux Routing Integrations - Bridges Redux state management with web routing systems to synchronize the URL and application state.
- Router State Integration - Synchronizes URL parameters and routing events with a centralized Redux application state store.
- Routing State Managers - Synchronizes current routing information and navigation history with a centralized Redux state store.
- Navigation State Middlewares - Implements middleware that intercepts actions to trigger side effects that manipulate the browser history.
- Action Dispatch Middleware - Uses action dispatch middleware to trigger route changes like pushing or replacing browser locations.
- Derived State - Exposes pathnames and search parameters as derived, read-only values within the global state tree.
- Global State Access - Allows components to retrieve current location and query parameters directly from a central state tree.
- Time-Travel Debuggings - Stores routing changes in a state tree to enable replaying and inspecting past navigation for debugging.
