The minimal dev environment to enable live-editing React components.
npm install
npm start
open http://localhost:3000
you can specify other port:
npm config set react-hot-boilerplate:port 8080
npm start
open http://localhost:8080
Now edit scripts/App.js
.
Your changes will appear without reloading the browser like in this video.
To open this page on other machine, you can use localtunnel service
npm config set react-hot-boilerplate:port 8080
npm config set react-hot-boilerplate:subdomain reacthotboilerplate123
npm start
lt --port 8080 --subdomain reacthotboilerplate123
open https://reacthotboilerplate123.localtunnel.me
- React
- Webpack
- webpack-dev-server
- jsx-loader
- react-hot-loader
- Demo video
- react-hot-loader on Github
- Integrating JSX live reload into your workflow
- Ping dan_abramov on Twitter or #reactjs IRC