React scaffolding

An opinionated scaffolding with the following technical stack and configuration:

• nodejs v4.2.x
• npm v3.8.x
• React (15.x)
• React Router (2.x)
• Flux by using Redux (3.x)
• Webpack
• CSS Modules
• SASS
• 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 freatures and deliver a production ready package of a Single Page App.

TO DO

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

Getting started

To start hacking simply do:

$ npm install
$ npm start

Point browser to http://localhost:3000

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