tianjianchn / react-web-starter

Simple and lucid reactive web starter project

Simple and lucid reactive web starter project

Features

• react
• react-router
• webpack
• babel for es7 support
• Global state managed(use umc)
• Custom dev server
• API proxy
• stylus style
• Base style to use flex box, like react-native.
• Split app.js/app.css/vendor.js, and all with md5 hash name
• SSR(Server side render). Not fully tested. Not recommend to use it.

Installation

Run git clone and npm i

Usage

Configuration first

1. In src/config/client dir, cp defaults.js my.js. Change my.js as you want
2. In src/config/server dir, cp defaults.js my.js. Change my.js as you want

Develop the pages

Add your own files in components, store/routers, styles dirs.

Development Server

Run npm run start-dev and open browser with http://localhost:8083(or your custom host&port).

Production Server

Run npm run start and open browser with http://localhost:8083(or your custom host&port)

Server Side Render

To enable and use SSR:

• Currently only support production environment
• Start with ENABLE_SSR=true(see npm run start-ssr script)
• Make sure that the component has the static method serverLoad, which is used to get the initial state.

License

Licensed under MIT

Copyright (c) 2016 kiliwalk