Gathering detailed insights and metrics for react-router-redux
Gathering detailed insights and metrics for react-router-redux
Gathering detailed insights and metrics for react-router-redux
Gathering detailed insights and metrics for react-router-redux
@types/react-router-redux
TypeScript definitions for react-router-redux
connected-react-router
A Redux binding for React Router v4 and v5
@sequencemedia/react-router-redux-render
Sync/async isomorphic render of React apps with React Router + Redux
redux-router
Redux bindings for React Router — keep your router state inside your Redux Store.
Ruthlessly simple bindings to keep react-router and redux in sync
npm install react-router-redux
Typescript
Module System
Node Version
NPM Version
99.1
Supply Chain
99.5
Quality
79.5
Maintenance
100
Vulnerability
100
License
JavaScript (100%)
Total Downloads
152,599,832
Last Day
10,608
Last Week
249,545
Last Month
1,033,604
Last Year
11,678,045
MIT License
7,789 Stars
392 Commits
638 Forks
143 Watchers
3 Branches
82 Contributors
Updated on Jun 17, 2025
Minified
Minified + Gzipped
Latest Version
4.0.8
Package Id
react-router-redux@4.0.8
Size
13.92 kB
NPM Version
3.10.3
Node Version
6.2.1
Published on
Feb 10, 2017
Cumulative downloads
Total Downloads
Last Day
3.8%
10,608
Compared to previous day
Last Week
-1.1%
249,545
Compared to previous week
Last Month
-1.4%
1,033,604
Compared to previous month
Last Year
-3.7%
11,678,045
Compared to previous year
38
Keep your state in sync with your router :sparkles:
This is beta software, it needs:
This (react-router-redux 5.x) is the version of react-router-redux for use with react-router 4.x. Users of react-router 2.x and 3.x want to use react-router-redux found at the legacy repository.
npm install --save react-router-redux@next
npm install --save history
Here's a basic idea of how it works:
1import React from 'react' 2import ReactDOM from 'react-dom' 3 4import { createStore, combineReducers, applyMiddleware } from 'redux' 5import { Provider } from 'react-redux' 6 7import createHistory from 'history/createBrowserHistory' 8import { Route } from 'react-router' 9 10import { ConnectedRouter, routerReducer, routerMiddleware, push } from 'react-router-redux' 11 12import reducers from './reducers' // Or wherever you keep your reducers 13 14// Create a history of your choosing (we're using a browser history in this case) 15const history = createHistory() 16 17// Build the middleware for intercepting and dispatching navigation actions 18const middleware = routerMiddleware(history) 19 20// Add the reducer to your store on the `router` key 21// Also apply our middleware for navigating 22const store = createStore( 23 combineReducers({ 24 ...reducers, 25 router: routerReducer 26 }), 27 applyMiddleware(middleware) 28) 29 30// Now you can dispatch navigation actions from anywhere! 31// store.dispatch(push('/foo')) 32 33ReactDOM.render( 34 <Provider store={store}> 35 { /* ConnectedRouter will use the store from Provider automatically */ } 36 <ConnectedRouter history={history}> 37 <div> 38 <Route exact path="/" component={Home}/> 39 <Route path="/about" component={About}/> 40 <Route path="/topics" component={Topics}/> 41 </div> 42 </ConnectedRouter> 43 </Provider>, 44 document.getElementById('root') 45)
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 13/30 approved changesets -- score normalized to 4
Reason
project is archived
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
109 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-06-23
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More