hot module replacement

Definitions

1. A development feature that swaps changed modules in a running application without requiring a full page reload, preserving application state during development. HMR dramatically improves the development feedback loop — change a component's styling and see the update instantly without losing the form data you just typed. Vite and Webpack both provide HMR.

   In plain English: A development tool feature that updates your code changes in the browser instantly without refreshing the page — so you don't lose your place while coding.

   Example: Hot module replacement saves me about an hour a day — I change CSS or a React component and see the result instantly without re-navigating to the page I was testing.

Related Terms

• Transpiler
• Hot Reload
• Webpack
• Vite