supasate/connected-react-router
Connected React Router
connected-react-router est un outil de synchronisation qui lie l'état de React Router et l'historique du navigateur à un store Redux. Il mappe les informations de routage et les paramètres d'URL dans un arbre d'état global, permettant à l'application de gérer la navigation via un flux de données unidirectionnel.
La bibliothèque permet de déclencher la navigation en dispatchant des actions plutôt qu'en appelant des méthodes d'historique impératives. Cette approche pilotée par middleware permet d'initier les mises à jour d'URL à partir de la logique métier ou de processus asynchrones.
Le système synchronise l'emplacement actuel, le hash et les paramètres de recherche dans l'état global pour un accès à travers les composants. En stockant les changements de routage dans l'arbre d'état, il prend en charge l'intégration d'état immuable et la capacité de déboguer la navigation via le voyage dans le temps de l'historique des routes.
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.
