hasimo / redux-react-router-async-example

A showcase of the Redux architecture with 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.

The project will be constantly updated and improved with the latest dependencies, features, best practices and so on.

Check out the migration to babel 6.

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

$ npm install
$ npm start

I18n support

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

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.