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 and React Router and it aims to provide different examples or use cases with the two libraries.
Check out the migration to babel 6.
Features
- latest
react,redux,react-router devtools+HMRfor developmentreact- 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
i18nsupport byreact-intl- scripts to extract messages and generate
XLIFFfiles for translators
- scripts to extract messages and generate
- GitHub API with pagination
- CSSnext bundles
- injected into HTML by webpack for development (allows
HMR) - bundled as a separate file for production
- injected into HTML by webpack for development (allows
- development tools such as
webpack,babel,eslint
Development
$ npm install
$ npm start
I18n support
All messages in this website are localized and rendered using react-intl@2.0.
There is also a babel plugin to extract all the default messages into ./_translations/lib to be provided to translators.
$ npm run build:i18n
You can also run a script to extract all those translations as key-value.
$ npm run build:i18n:langs
Thanks
- Redux for the Atomic Flux architecture.
- React for all the goodness.
- React-Router for the other goodness.
- React-Transform for development fun (and productivity).
- Webpack for keeping everything together.