Setting Up HMR (Hot Module Replacement)

You’ve likely heard of hot module replacement at some point. If not, that’s okay. Let me explain.

Hot module replacement (HMR) exchanges, adds, or removes modules while an application runs, i.e., without the need for a full reload.

This is important to keep the application state while making changes, i.e. when a full reload would mean you lose these changes.

Generally, this can save valuable development time by only updating what’s changed instead of performing a full page reload.

Let’s set that up.

Updating the store setup and reducer HMR

Which of the Redux actors is concerned with computing and returning a new application state?