https://github.com/8398a7/connected-react-router-redux
It's a HoC that updates the reducer when using connected-react-router.
https://github.com/8398a7/connected-react-router-redux
connected-react-router react react-redux react-router-dom redux
Last synced: about 2 months ago
JSON representation
It's a HoC that updates the reducer when using connected-react-router.
- Host: GitHub
- URL: https://github.com/8398a7/connected-react-router-redux
- Owner: 8398a7
- Created: 2018-10-12T11:18:00.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-11-01T13:23:17.000Z (over 7 years ago)
- Last Synced: 2025-06-24T23:41:39.690Z (about 1 year ago)
- Topics: connected-react-router, react, react-redux, react-router-dom, redux
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/connected-react-router-redux
- Size: 13.7 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Connected React Router Redux
It's a HoC that updates the reducer when using [connected-react-router](https://github.com/supasate/connected-react-router).
HoC implementation using [How to navigate with Redux action](https://github.com/supasate/connected-react-router/blob/master/FAQ.md#how-to-navigate-with-redux-action) with store.dispatch.
## Installation
Using [npm](https://www.npmjs.com/):
```bash
$ npm install --save connected-react-router-redux
```
Or [yarn](https://yarnpkg.com/):
```bash
$ yarn add connected-react-router-redux
```
## Usage
```javascript
import { withRouterReducer } from 'connected-react-router-redux';
...
class AppComponent extends React.Component {
...
}
...
export default withRouterReducer(AppComponent);
```
#### connect(react-redux) usage.
```javascript
...
import { withRouterReducer } from 'connected-react-router-redux';
...
class AppComponent extends React.Component {
...
}
...
export default withRouterReducer(
connect(
mapStateToProps,
mapDispatchToProps,
)(AppComponent)
);
```
### TypeScript
```typescript
import { withRouterReducer } from 'connected-react-router-redux';
...
class AppComponent extends React.Component {
...
}
...
export default withRouterReducer(AppComponent);
```
#### connect(react-redux) usage.
```typescript
...
import { withRouterReducer } from 'connected-react-router-redux';
...
class AppComponent extends React.Component {
...
}
...
export default withRouterReducer(
connect>(
mapStateToProps,
mapDispatchToProps,
)(AppComponent)
);
```