Vite · Part 5 — HMR Deep Dive
How Hot Module Replacement swaps a single module without losing state: the import.meta.hot API, HMR boundaries and propagation, why some edits trigger a full reload, and framework Fast Refresh. With an HMR boundary lab.
Filter/Tag
#dev-server
3 entries
-
-
Vite · Part 3 — The Dev Server & Native ESM
How the dev server actually works: serving source over native ESM, rewriting bare and relative imports into fetchable URLs, transforming each file on request, and why navigation only fetches the new modules. With an on-demand request demo.
-
Webpack · Part 5 — Dev Server, HMR & Source Maps
The fast feedback loop: webpack-dev-server, Hot Module Replacement that preserves state, and choosing the right devtool source-map mode for development vs production. With an interactive HMR and source-map lab.