laggingreflex / redux-react-router-async-example

A showcase of the Redux architecture with React Router

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 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 + 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.