React + React Router 1.0 + Redux + Webpack & Hot Module Replacement

React scaffolding

An opinionated scaffolding with the following technical stack and configuration:

  • React (15.x.x)
  • React Router (2.x)
  • Flux by using Redux (3.x)
  • Webpack
  • CSS Modules
  • Stylus
  • Seamless Immutable
  • Hot module replacement
  • Babel
  • Testing mocha + shallow rendering with React

The idea is to provide a base structure that enable consumers to start building features and deliver a production ready package of a Single Page App.

TO DO

  • [ ] Better examples of styling and way of sharing styles between css modules and js
  • [ ] Test examples for unit test with shallow rendering.

Getting started

To start hacking simply do:

$ make install-githooks
$ npm install
$ make run

Point browser to http://localhost:9898

For more detailed reference continue reading.

Rational behind the stack

Check the resources section for talks and explanations on WHY the stack I present here.

Bundle process

The scaffolding provides a feature-rich configuration for delivering the application as well as a rich development experience.
Go here to read more about the details of our bundle process.

Architecture (React + Flux)

React patterns

Other patterns

GitHub

https://github.com/rafaelchiti/react_scaffolding