lcjnil / react-redux-scaffold

A react scaffold with redux and its best practice

React Redux Scaffold

This is a seed project for building static react website, not for build universal app.

Feature

• ES6+ support via babel
• Redux and its best practice (debug, style, routing)

Setup

• learn Redux
• clone this project
• install dependencies via npm install
• run a test server by npm run server

Scripts

• npm start run a test server
• npm run build build production app

Guide

Path Alias (resolve)

Anything in src/components can be required by only components/xx/xx.js

see webpack.config.js resolve for more.

Style Guide

Use css-modules to style react component.

Also, I use postcss to enhance css functions. You can write scss-like css, and use some future feature via cssnext.

Server Mocks

Write your server mocks at src/mocks.

Devtools

To change the Devtool position press ctrl + q . To hide the dev tool press ctrl + h

TODO

• create a better demo
• create test suits
• update babel
• update redux-devtools