React Webpack Babel Starter

Minimal starter kit with hot module replacement for fast development.

Main features

• React (15.x)
• Webpack (2.x)
• Babel (6.x)
• Hot Module Replacement (HMR) using React Hot Loader (3.x)
• SASS
• Jest - Testing framework for React applications

Additional features

• Image loading/minification using Image Webpack Loader
• Code quality (linting)
  • JavaScript - JSHint
  • SASS/CSS - stylelint (rules: stylelint-config-standard)

Installation

1. Clone/download repo
2. npm install

Usage

General

npm start

• Compiles the app
• Starts a web server hosting the app @ http://localhost:8080
• Watches for changes and injects them without reloading the browser

Other commands

• npm run lint - Run JavaScript and SASS linter
• npm run lint:js - Run JavaScript linter
• npm run lint:sass - Run SASS linter
• npm run test - Run tests (Jest)

TODO

• Build script
  • Asset revisioning / cache bursting
• React router

Resources

• Create React App (by FaceBook) - Good starting point when learning React