https://github.com/lcjnil/react-redux-scaffold

A react scaffold with redux and its best practice
https://github.com/lcjnil/react-redux-scaffold

Last synced: about 2 months ago
JSON representation

A react scaffold with redux and its best practice

• Host: GitHub
• URL: https://github.com/lcjnil/react-redux-scaffold
• Owner: lcjnil
• Created: 2015-07-22T07:38:54.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-03-22T18:02:37.000Z (over 8 years ago)
• Last Synced: 2024-07-22T18:00:17.283Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 446 KB
• Stars: 85
• Watchers: 8
• Forks: 28
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# React Redux Scaffold

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

## Feature

- ES6+ support via [babel](https://babeljs.io)

- Redux and its best practice (debug, style, routing)

## Setup

- learn [Redux](http://redux.js.org)

- 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](https://github.com/css-modules/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