Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emmenko/redux-react-router-async-example
A showcase of the Redux architecture with React Router
https://github.com/emmenko/redux-react-router-async-example
Last synced: about 2 months ago
JSON representation
A showcase of the Redux architecture with React Router
- Host: GitHub
- URL: https://github.com/emmenko/redux-react-router-async-example
- Owner: emmenko
- License: mit
- Archived: true
- Created: 2015-06-15T19:09:41.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-01-04T10:04:03.000Z (over 6 years ago)
- Last Synced: 2024-04-14T14:12:52.512Z (5 months ago)
- Language: JavaScript
- Homepage: http://emmenko.github.io/redux-react-router-async-example
- Size: 3.11 MB
- Stars: 938
- Watchers: 38
- Forks: 131
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
This repository is deprecated and not maintained anymore
Check out those resources:
* https://github.com/react-boilerplate/react-boilerplate
* https://github.com/facebookincubator/create-react-app/
* https://redux.js.org/
* https://reacttraining.com/react-router
---
http://emmenko.github.io/redux-react-router-async-example
This is a boilerplate example showcasing _mostly_ [Redux](https://github.com/gaearon/redux) and [React Router](https://github.com/rackt/react-router) and it aims to provide different examples or use cases with the two libraries.
> Check out the [migration to babel 6](https://github.com/emmenko/redux-react-router-async-example/pull/52).
## Features
- latest `react`, `redux`, `react-router`
- `devtools` + `HMR` for development
- `react`
- higher-order components
- higher-order functions
- `redux`
- bootstrap initial state
- store enhancers (e.g.: localStorage persistence)
- middleware composition
- easy-to-configure reducers
- async actions
- `react-router`
- nested routes
- secured area by login
- keep routes into state for easy time travel
- `i18n` support by `react-intl`
- scripts to extract messages and generate `XLIFF` files for translators
- GitHub API with pagination
- CSSnext bundles
- injected into HTML by webpack for development (allows `HMR`)
- bundled as a separate file for production
- development tools such as `webpack`, `babel`, `eslint`
## Development
```bash
$ npm install
$ npm start
```
### I18n support
All messages in this website are localized and rendered using `[email protected]`.
There is also a [babel plugin](https://github.com/yahoo/babel-plugin-react-intl) to extract all the default messages into `./_translations/lib` to be provided to translators.
```bash
$ npm run build:i18n
```
You can also run a script to extract all those translations as key-value.
```bash
$ npm run build:i18n:langs
```
#### Thanks
- [Redux](https://github.com/gaearon/redux) for the _Atomic Flux_ architecture.
- [React](https://github.com/facebook/react) for all the goodness.
- [React-Router](https://github.com/rackt/react-router) for the other goodness.
- [React-Transform](https://github.com/gaearon/react-transform-boilerplate) for development fun (and productivity).
- [Webpack](https://github.com/webpack/webpack) for keeping everything together.