HMR（ホットモジュールリプレースメント） とは？

ホットリロードはアプリ全体を再起動せずにコードを反映する広い概念で、HMRはその実装手法の一つだよ。HMRは特に「変更されたモジュールだけを差し替える」という点が特徴で、ページ全体をリロードしないので入力中のフォームや選択状態もそのまま保たれるんだ。

ViteやwebpackがモジュールグラフをWebSocketでブラウザと共有していて、ファイルが変更されると「どのモジュールが影響を受けるか」を計算して差分だけ送るんだよ。ブラウザ側のHMRランタイムが受け取って、古いモジュールを新しいモジュールに差し替えるという仕組みだね。

そうだよ。ReactにはFast Refreshという拡張HMRがあって、コンポーネントのコードを変更しても状態（state）を保ったまま更新できるようになっているんだ。ViteはHMRをとても高速に実装していて、大きなプロジェクトでも数十ミリ秒で反映されるよ。

あるよ。モジュールの副作用（グローバル状態の初期化など）が複雑だと、差し替えだけでは一貫性が保てなくてフルリロードにフォールバックすることがあるんだ。また、設定ファイルやサーバーサイドのコードはHMRの対象外で、変更したら手動で再起動が必要なケースもあるよ。