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.
- latest
react
,redux
,react-router
devtools
+HMR
for 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
i18n
support byreact-intl
- scripts to extract messages and generate
XLIFF
files 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
$ npm install
$ npm start
All messages in this website are localized and rendered using [email protected]
.
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
- 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.