react-redux-scaffold
react-redux-scaffold copied to clipboard
A react scaffold with redux and its best practice
trafficstars
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 startrun a test servernpm run buildbuild 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
- [x] update babel
- [x] update redux-devtools