awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
supasate avatar

supasate/connected-react-router

0
View on GitHub↗
4,692 stars·583 forks·JavaScript·MIT·17 views

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.

Star history

Star history chart for supasate/connected-react-routerStar history chart for supasate/connected-react-router

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Connected React Router

These projects share indexed features with Connected React Router. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • rackt/react-router-reduxrackt avatar

    rackt/react-router-redux

    7,752View on GitHub↗

    This project is a Redux routing middleware and state binder that synchronizes the browser URL and routing state with a global Redux store. It functions as a client-side navigation synchronizer, ensuring application views remain in sync with the URL during history rewinds or state replay. The system enables programmatic navigation control by allowing page transitions to be triggered through the dispatching of state actions rather than direct component method calls. It maps navigation events and location data from React Router into the state management store to maintain a single source of truth

    JavaScript
    View on GitHub↗7,752
  • reactjs/react-router-reduxR

    reactjs/react-router-redux

    7,753View on GitHub↗

    This project is a Redux routing state manager and URL state synchronizer. It serves as a bridge that keeps the browser address bar and a global Redux store in lockstep, synchronizing browser location and routing metadata into a state tree for centralized access. The system functions as an action-driven navigation wrapper, allowing URL changes and page transitions to be triggered by dispatching Redux actions rather than using imperative method calls. It also acts as a navigation event monitor, observing location changes via the store to trigger side effects such as logging or analytics trackin

    JavaScript
    View on GitHub↗7,753
  • formidablelabs/redux-little-routerFormidableLabs avatar

    FormidableLabs/redux-little-router

    1,037View on GitHub↗

    Redux Little Router is a front-end routing library and navigation state manager designed for single-page applications. It synchronizes browser history and navigation state directly inside the global application store tree. By translating browser location changes into plain store actions, the library enables action-driven navigation and centralized state synchronization across components. The routing architecture supports pattern-based route matching and bidirectional location translation, keeping application data and browser address bar locations aligned. It manages page navigation by evaluat

    JavaScript
    View on GitHub↗1,037
  • faceyspacey/redux-first-routerfaceyspacey avatar

    faceyspacey/redux-first-router

    1,554View on GitHub↗

    Redux-first-router is a state-driven JavaScript router library that maps URL paths, query parameters, and browser history directly to actions within a Redux application store. Instead of manipulating components or relying solely on declarative links, it updates the address bar and navigates the application by dispatching and receiving state container actions. The library translates bidirectionally between URL strings and action payloads using expressive route patterns, supporting dynamic path parsing, parameter constraints, wildcards, query strings, and custom formatting rules. It handles asy

    JavaScript
    View on GitHub↗1,554
Compare all 30 related projects→

Frequently asked questions

What does supasate/connected-react-router do?

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.

What are the main features of supasate/connected-react-router?

The main features of supasate/connected-react-router are: Router State Synchronizers, History State Updates, Route Transition Synchronizers, State-Driven Navigations, Router State Bindings, Redux Routing Integrations, Router State Integration, Routing State Managers.

Which projects share features with supasate/connected-react-router?

Projects with overlapping indexed features include: rackt/react-router-redux — This project is a Redux routing middleware and state binder that synchronizes the browser URL and routing state with a… reactjs/react-router-redux — This project is a Redux routing state manager and URL state synchronizer. It serves as a bridge that keeps the browser… formidablelabs/redux-little-router — Redux Little Router is a front-end routing library and navigation state manager designed for single-page applications.… faceyspacey/redux-first-router — Redux-first-router is a state-driven JavaScript router library that maps URL paths, query parameters, and browser… mobxjs/mobx-state-tree — MobX State Tree is a structured, tree-based state management library for JavaScript applications that combines typed… zerobias/effector — Effector is a reactive state management library and data flow orchestrator designed for building complex, event-driven…