Що таке HMR?

HMR (Hot Module Replacement) - це механізм, який дозволяє оновлювати змінені модулі застосунку без повного перезавантаження сторінки. При зміні коду пересобирається тільки потрібний фрагмент, і браузер підмінює його в застосунку, що працює, на льоту.

Що дає HMR:

1. Збереження стану - інтерфейс не скидається при оновленні (на відміну від звичайного Live Reload).
2. Швидкий зворотний зв'язок - зміни миттєво видно в браузері.
3. Прискорення розробки - пересобирається не весь проєкт, а тільки змінений модуль.

Як це працює в основі:

• dev-сервер відстежує зміни,
• оновлений модуль надсилається через WebSocket,
• рантайм Vite замінює тільки змінений модуль всередині застосунку.

Суть: HMR оновлює код точково, без перезавантаження всієї сторінки і без втрати поточного стану застосунку.