/reactplate

personal production ready react boilerplate [deprecated]

Primary LanguageJavaScript

reactplate (a "universal" react web application boilerplate)

included

  1. minify ecmascript with babili
  2. minify css with cssnano
  3. future-proof css with cssnext
  4. isolate component css with csx
  5. test react with enzyme
  6. serve static content with express
  7. type check with flow
  8. optimize static server with helmet
  9. and hpp
  10. access arrays better with idx
  11. code-split with import()
  12. test with jest
  13. universal logging with logdown
  14. css transforms with postcss
  15. build interfaces with react
  16. use cutting edge ecmascript with stage-0
  17. lint with standard
  18. interactively develop with storybook
  19. bundle and load modules with webpack
  20. seamlessly configure webpack with webpack-chain

webpack optimizations

  • Dead and unused code elimination (UglifyJS)
  • ES2015 minimization/minification (Babili)
  • Multi-optional caching (DllPlugin, CommonsChunkPlugin)
  • On-demand polyfilling (dynamic import)

extras

  • Travis CI + Yarn + Greenkeeper
  • Inline critical path CSS + Gzip
  • Healthcheck routes (/__gtg, /__health)

how-to

install deps

yarn install

create a dll bundle

yarn build:dll

build a production bundle

yarn build
yarn build:watch

start a production server

yarn start:server

develop in storybook

yarn start

flow, lint and test

yarn flow

yarn lint
yarn lint:fix

yarn test
yarn test:all
yarn test:watch