Що таке HMR?

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

Що дає HMR:

1. Миттєвий візуальний зворотний зв'язок - інтерфейс оновлюється без перезавантаження.
2. Збереження стану застосунку - наприклад, відкрита вкладка, введений текст або стан компонентів не скидаються.
3. Прискорення розробки - збірка відбувається швидше і не відволікає від процесу.

Як це працює: Webpack Dev Server відстежує зміни у файлах, перезбирає тільки змінений модуль і надсилає його в браузер через WebSocket-з'єднання. Браузер замінює оновлений модуль прямо у застосунку, що працює.