React ES6 Starter

Features

• Webpack 2
  • Transpiles .js files using Babel (settings in .babelrc)
  • Transpiles .scss files using node-sass
  • ESLint - Lints js files on changes (rules in .eslintrc)
  • Stylelint - Lints scss files on changes (rules in .stylelintrc)
  • PostCSS plugins (settings in postcss.config.js)
    • Autoprefixer (supported browsers list in browserslist file)
  • Dynamic index.html generation
  • Dynamic build file names with hash for cache busting
• React
  • React Hot Loader v3
  • React Router v4
    • HTML5 History API (non hash routes)

Getting Started

1. Install Node.js

   • From nodejs.org (All platforms)
   • Or using Homebrew (Mac)
   • Or any other package manager

2. Fork the repo and git clone it

3. Install dependencies (at the root of the repo):

   npm install
   

Development

Run webpack-dev-server

npm start

• Open http://localhost:8080

Build the project for deployment

npm run build

• Must use a server that redirects missing routes back to index.html

To run locally

cd dist/
live-server --entry-file=index.html