react-hot-boilerplate
The minimal dev environment to enable live-editing React components.
Usage
npm install
npm start
open http://localhost:3000
Now edit scripts/App.js.
Your changes will appear without reloading the browser like in this video.
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.
Dependencies
- React
- Webpack
- webpack-dev-server
- jsx-loader
- react-hot-loader
Resources
- Demo video
- react-hot-loader on Github
- Integrating JSX live reload into your workflow
- Ping dan_abramov on Twitter or #reactjs IRC