Hot Module Replacement

Hot Module Replacement (HMR) はアプリケーション全体をリロードせずコード変更を即時反映する仕組み。

サーバが変更を検知したら、WebSocket でクライアントに通知する。クライアントは変更箇所を受け取り、変更分のモジュールを置換する。

動作原理

変更が検知されると該当モジュールのみがサーバーから再取得されブラウザに適用される

特徴

ページ状態を維持したまま変更を反映可能でスタイルシートやコンポーネント変更に効果的

メリット

コンテキストリセットを回避し開発スピードを向上させ即座にフィードバックを得られる

制限

グローバルスコープ変更や深い状態管理部分では完全リロードが必要になる場合がある