React Boilerplate ·

Boilerplate for myself.

Please use create-react-app instead. Much better.

Node

node.js v6.*+

Package Manager

• Yarn

Bundler

• Webpack

JS

• babel-preset-react-app
• jest for testing

CSS

• Support Sass for style.
• CSS Modules enabled by default.
• If you have some global style please put that in src/globalStyle directory. CSS Modules exclude the style come from there.
• Styles from node_modules also exclude to CSS Modules.
• Auto BEM class naming.

Testing

• Jest

Using identity-obj-proxy to proxy classname to snapshot.

Write test for React by using snapshot

Jest Webpack tutorial

identity-obj-proxy

Command

Command	Description
yarn start	start development
yarn run test	stat testing
yarn run build	build for production

TODO

• Webpack config for production.
• Write some tests by using jest for boilerplate reference.
• Add Flow for static type checking.
• Add eslint-plugin-jsx-ally.
• Find a good way to separate global and local style in css modules.
• Common code splitting.