Learning Redux

Testing out hot reloading – example code

The example code can be found in the chapter5_2.zip attachment.

Unpack the zip, change it into the directory, run npm install and npm run start:dev, and then open http://localhost:8080 in your browser.

Your app should load with Redux DevTools open. In the console, you should see the following message:

[WDS] Hot Module Replacement enabled.

This means that hot reloading is active—let's try it out!

Keep the console open. Edit src/components/App.jsx and, for example, change the header. When you save the file, webpack will automatically rebuild the changed code and hot reload it without a refresh.

You should see the following output in the console:

[WDS] App updated. Recompiling...[WDS] App hot update... ...