https://github.com/skyfi/react-router-redux
connect react router 4.x and redux.
https://github.com/skyfi/react-router-redux
Last synced: about 1 year ago
JSON representation
connect react router 4.x and redux.
- Host: GitHub
- URL: https://github.com/skyfi/react-router-redux
- Owner: skyFi
- Created: 2017-11-22T09:57:11.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-12-06T08:43:59.000Z (over 8 years ago)
- Last Synced: 2024-08-09T21:19:39.189Z (almost 2 years ago)
- Language: JavaScript
- Size: 43.9 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-router-redux
connect react router 4.x and redux.
## Install
```JavaScript
npm install react-router4-redux --save
//or
yarn add react-router4-redux
```
## Why && Usage
* normal
use redux before:
```JavaScript
import { connect } from 'react-redux';
export default connect(mapStateToProps)(Something)
```
after using react-router 4.x:
```JavaScript
import { connect } from 'react-redux';
import { withRouter } from 'react-router-dom'
export default withRouter(connect(mapStateToProps)(Something))
```
oooh that`s so tedious.
but now, you can do just simple redux:
```JavaScript
import connect from 'react-router4-redux';
export default connect(mapStateToProps)(Something)
```
* use for connect mixins:
```JavaScript
import connect from 'react-router4-redux';
export default connect(mapStateToProps)(Something, SomeMixin1, SomeMixin2, SomeMixin3 /*, ....mixins*/)
```
* add fetchData func
async fetchData({ dispatch, match }) {
await dispatch(someAction());
}