taichi/js-boilerplate

Modern JavaScript Application Boilerplate

JavaScript	React	Electron

React Application Boilerplate

Quick Setup

npm install -g yarn flow-bin flow-typed

yarn install
yarn build
yarn start

Environment

• nvm
  • windows
  • mac or linux
• VS Code
  • ESLint
  • EditorConfig
  • Flow Language Support
• Yarn
  • cross-env
  • npm-run-all
  • rimraf

Languages

• Babel
  • babel-core
  • babel-eslint
  • babel-preset-env
  • babel-plugin-transform-flow-strip-types
  • babel-preset-react-app
  • babel-register
• ESLint
  • eslint-plugin-ava
  • eslint-plugin-import
  • eslint-import-resolver-node
  • eslint-plugin-promise
  • eslint-plugin-security
  • eslint-plugin-flowtype
  • eslint-plugin-react
  • eslint-plugin-jsx-a11y
• Flow
  • flow-typed
• Prettier
  • eslint-plugin-prettier
  • eslint-config-prettier

Testing

• ava
• testdouble.js
• nyc
  • code coverage

Frontend

• React
  • react-router
  • React Hot Loader 3
  • enzyme
    • Testing utility for React
  • ignore-styles
    • Ignore imported style files
• CSS Modules
  • css-loader
  • babel-plugin-react-css-modules
• PostCSS
  • postcss-scss
    • SCSS Parser
  • PreCSS
    • Sass Like markup
• Redux
  • redux-observable
  • RxJS 5
• Webpack
  • webpack-dev-server
  • webpack-merge
  • cssnano
    • css minifier
• Font Awesome

Developer Tools

• React Developer Tools
  • Chrome Extension
• Redux DevTools
  • Chrome Extension