React Nativeのホットリロードとライブリロードの違いは何ですか？

ここでは少し混乱しています。Reactネイティブアプリケーションをデバッグするときは、通常、ホットリロードとライブリロードの両方を有効にします。それらの違いは何ですか？

ライブ再読み込みは、ファイルが変更されたときにアプリ全体を再読み込みまたは更新します。たとえば、ナビゲーションの深部に4つのリンクがあり、変更を保存した場合、ライブ再読み込みはアプリを再起動し、アプリを最初のルートに読み込みます。

ホットリロードでは、変更されたファイルのみが更新され、アプリの状態は失われません。たとえば、ナビゲーションの4つのリンクがあり、スタイルの変更を保存した場合、状態は変更されませんが、新しいスタイルはページに表示されます。同じページにいる。

両方を使用して有効にできますCMD+D / CMD+CTRL+Z / Shake Gesture menu。どちらもウォッチマンを使用してファイルの変更をリッスンしています。

ライブ再読み込みはアプリ全体を再読み込みします。

ホットリロードの背後にある考え方は、アプリを実行し続け、実行時に編集したファイルの新しいバージョンを挿入することです。これにより、状態を失うことがなくなり、UIを微調整する場合に特に役立ちます。したがって、ここで詳細を変更するページのみを再読み込みします

React-Nativeアプリの開発中は、コードの変更を表示する必要があります。コードの変更を表示するには、React-Nativeに2つのオプションがあります。

1. ホットリロード

   ホットリロードは、アプリを最初から再起動せずに、新しいコードの変更に応じてコードの変更を表示するだけで、変更されたコードにのみ影響します。

2. ライブリロード

   場合によっては、ナビゲーションなどのコードをテストするためにLive Reloadが必要になることがあります。その場合、Liveリロードが役立ち、コードの変更時にアプリケーション全体がリロードされます。

ホットリロードは、アプリを最初から再起動せずに、新しいコードの変更に応じてコードの変更を表示するだけで、変更されたコードにのみ影響します。しかし、JSコードを追加/変更するときにコンポーネントをスタイリングするだけでは問題が発生します。そのため、Liveのリロードまたはrrは適切に機能します