Hot reloading with webpack and react is really cool & useful. In the past it had some limitation & complicated configurations. One of the most problematic one was hot reloading react 0.14 stateless components which I really love.
React Hot Loader 3 combines the best of React Hot Loader and React Transform, and is ready for your testing: https://t.co/fxFANDKTI0— Dan Abramov (@dan_abramov) April 18, 2016
With react hot loader 3 on the horizon solving much of it's limitation, it now supports hot reloading stateless components.
- Works great with higher order components.
- Little configuration.
- Disabled in production.
- Works with or without Babel.
Pretty cool huh?
But.. it's in alpha.
You can still try it out, it works great!
Installing alpha version of hot loader 3
npm i --save-dev email@example.com firstname.lastname@example.org email@example.com
If you now tweak your "Hello" component in App.js, which is a stateless function. It will apply hot update to the app and preserve state as well.
For a complete example see react hot boiler plate.
More info and discussion about this upcoming update.