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
151,752,903
Last Day
49,792
Last Week
215,813
Last Month
1,034,418
Last Year
11,601,582
MIT License
7,795 Stars
392 Commits
640 Forks
143 Watchers
3 Branches
82 Contributors
Updated on May 02, 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
13.3%
49,792
Compared to previous day
Last Week
-10.5%
215,813
Compared to previous week
Last Month
-1.7%
1,034,418
Compared to previous month
Last Year
-5.5%
11,601,582
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
107 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-04-28
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