Go to file
2016-12-21 17:59:10 -07:00
assets Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
src Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
.babelrc Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
.eslintrc Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
.gitignore Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
.jshintrc Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
index.html Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
LICENSE Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
package.json Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
README.md Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
server.js Initial commit from boilerplate 2016-12-21 17:59:10 -07:00
webpack.config.js Initial commit from boilerplate 2016-12-21 17:59:10 -07:00

react-hot-boilerplate

The minimal dev environment to enable live-editing React components.

Usage

npm install
npm start
open http://localhost:3000

Now edit src/App.js.
Your changes will appear without reloading the browser like in this video.

Linting

This boilerplate project includes React-friendly ESLint configuration.

npm run lint

Using 0.0.0.0 as Host

You may want to change the host in server.js and webpack.config.js from localhost to 0.0.0.0 to allow access from same WiFi network. This is not enabled by default because it is reported to cause problems on Windows. This may also be useful if you're using a VM.

Missing Features

This boilerplate is purposefully simple to show the minimal configuration for React Hot Loader. For a real project, you'll want to add a separate config for production with hot reloading disabled and minification enabled. You'll also want to add a router, styles and maybe combine dev server with an existing server. This is out of scope of this boilerplate, but you may want to look into other starter kits.

Dependencies

Resources