Skip to content

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

Notifications You must be signed in to change notification settings

rafaelchiti/react_scaffolding

Repository files navigation

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 https://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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published