supasate/connected-react-router
Connected React Router
connected-react-router ist ein Synchronisationstool, das den Status von React Router und den Browserverlauf an einen Redux-Store bindet. Es bildet Routing-Informationen und URL-Parameter in einem globalen Statusbaum ab und ermöglicht es der Anwendung, die Navigation durch einen unidirektionalen Datenfluss zu verwalten.
Die Bibliothek ermöglicht es, die Navigation durch das Auslösen von Aktionen zu initiieren, anstatt imperative Verlaufsmethoden aufzurufen. Dieser middleware-gesteuerte Ansatz ermöglicht es, URL-Aktualisierungen aus der Geschäftslogik oder asynchronen Prozessen heraus zu starten.
Das System synchronisiert den aktuellen Standort, Hash und Suchparameter in den globalen Status für den Zugriff über Komponenten hinweg. Durch das Speichern von Routing-Änderungen innerhalb des Statusbaums unterstützt es die Integration unveränderlicher Zustände und die Möglichkeit, die Navigation durch Time-Travel-Debugging des Routenverlaufs zu verfolgen.
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.
