The minimal dev environment to enable live-editing React components.
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.
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.
- 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