Was ist der Unterschied zwischen Hot Reloading und Live Reloading in React Native?


311

Ich bin hier etwas verwirrt. Wenn ich eine reaktive native Anwendung debugge, aktiviere ich normalerweise sowohl das Hot-Reloading als auch das Live-Reloading . Ich möchte wissen, was der Unterschied zwischen ihnen ist.

Antworten:


496

Beim Live-Neuladen wird die gesamte App neu geladen oder aktualisiert, wenn sich eine Datei ändert. Wenn Sie beispielsweise vier Links tief in Ihrer Navigation wären und eine Änderung gespeichert hätten, würde das Live-Neuladen die App neu starten und die App wieder auf die ursprüngliche Route laden.

Beim Hot-Reload werden nur die geänderten Dateien aktualisiert, ohne den Status der App zu verlieren. Wenn Sie beispielsweise vier Links tief in Ihrer Navigation wären und eine Änderung an einem bestimmten Stil gespeichert hätten, würde sich der Status nicht ändern, aber die neuen Stile würden auf der Seite angezeigt, ohne dass Sie zu der Seite zurück navigieren müssten, auf der Sie sich befinden, da Sie dies immer noch tun würden auf der gleichen Seite sein.


5
Dieses Video von der RN-Website könnte ebenfalls hilfreich sein. youtu.be/2uQzVi-KFuc
Ekundayo Segen Funminiyi

8
Warum sollte jemand das Live-Nachladen dem Hot-Nachladen vorziehen? Gibt es einen Vorteil beim Nachladen?
Januar

Hot Reloading Beispiel in React Native . Diese Methode hilft bei der Anzeige aktualisierter Änderungen in der Benutzeroberfläche.
Sumit Kumar Pradhan

Kann beides in Kotlin gemacht werden? Wenn ja, können Sie mich bitte auf eine anständige Ressource verweisen? Frieden!
MonkSinha

3
@ Jan ja, im Allgemeinen ist heißes Nachladen dem Live-Nachladen vorzuziehen. Das Hot-Reloading ist jedoch komplexer zu implementieren und manchmal nicht so zuverlässig wie das Live-Reloading.
Jason Axelson

15

Beide können mit aktiviert werden CMD+D / CMD+CTRL+Z / Shake Gesture menu. Beide verwenden Watchman, um die Dateiänderungen abzuhören.

Beim Live-Neuladen wird die gesamte App neu geladen.

Die Idee hinter dem Hot-Reloading ist, die App am Laufen zu halten und neue Versionen der Dateien einzufügen, die Sie zur Laufzeit bearbeitet haben. Auf diese Weise verlieren Sie nichts von Ihrem Status, was besonders nützlich ist, wenn Sie die Benutzeroberfläche optimieren. Es wird also nur die Seite neu geladen, auf der Sie hier weitere Informationen ändern


2

Während der Entwicklung der React-Native-App müssen Sie Ihre Codeänderungen anzeigen. Zum Anzeigen von Codeänderungen gibt es in React-Native zwei Optionen.

  1. Hot Reload

    Hot Reload zeigt nur die Codeänderungen entsprechend den neuen Codeänderungen an, ohne die App von Anfang an neu zu starten, und wirkt sich nur auf den geänderten Code aus.

  2. Live Reload

    Manchmal benötigen wir möglicherweise Live Reload, um unseren Code wie die Navigation zu testen. In diesem Fall ist Live Reload hilfreich, damit die gesamte Anwendung bei Änderungen im Code neu geladen wird.


0

Hot Reload zeigt nur die Codeänderungen entsprechend den neuen Codeänderungen an, ohne die App von Anfang an neu zu starten, und wirkt sich nur auf den geänderten Code aus. Aber es ist gut, wenn nur die Komponenten beim Hinzufügen / Ändern von JS-Code gestylt werden, was zu Problemen führt. Dafür funktioniert Live Reload oder rr gut

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.