web-dev-qa-db-ja.com

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

私はここで少し混乱しています。 React Nativeアプリケーションをデバッグするときは、通常、 Hot Reloading と Live Reloading の両方を有効にします。それらの違いは何ですか。

javascriptmobilereact-native
219
Raman Choudhary

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

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

358
Nader Dabit

両方ともCMD+D / CMD+CTRL+Z / Shake Gesture menuを使って有効にすることができます。どちらもファイルの変更を監視するためにwatchmanを使用しています。

ライブリロードはアプリ全体をリロードします。

ホットリロードの背後にある考え方は、アプリを実行し続け、実行時に編集したファイルの新しいバージョンを注入することです。このようにして、UIを微調整している場合に特に便利な状態を失うことはありません。だからそれはあなたが変更したそのページだけをリロードしますmore ここ

13
ChitaRanjan Sahu

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

  1. ホットリロード

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

  2. ライブリロード

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

1
Waheed Akhtar

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

0
user11192787