/react-web-starter

Simple and lucid reactive web starter project

Primary LanguageJavaScriptMIT LicenseMIT

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