Unterschied zwischen Hot-Reload und schneller Aktualisierung in React-Native

In früheren Versionen 0.61 von react-native zum Reflektieren von Codeänderungen haben wir zwei Optionen wie.

1. Live Reload (Lädt die App neu, wenn Änderungen festgestellt werden)
2. Hot Reload (Reflektieren Sie die Änderungen ohne Nachladen)

In der Version 0.61 wurde jedoch eine neue Entwicklerfunktion namens Fast Refresh eingeführt, die ebenfalls ähnlich wie Hot Reload funktioniert. Jetzt stellt sich die Frage, was der grundlegende Unterschied zwischen Fast Refresh und Hot Reload ist .

Die Funktion "Hot Reloading" wurde unterbrochen. Es funktionierte nicht zuverlässig für Funktionskomponenten, konnte den Bildschirm oft nicht aktualisieren und war nicht anfällig für Tippfehler und Fehler. Sie hörten, dass die meisten Leute es ausschalteten, weil es zu unzuverlässig war.

In React Native 0.61 vereinen sie die vorhandenen Funktionen "Live-Reloading" (beim Laden neu laden) und "Hot-Reloading" in einer einzigen neuen Funktion namens "Fast Refresh". Fast Refresh wurde von Grund auf mit den folgenden Prinzipien implementiert:

• Fast Refresh unterstützt das moderne React vollständig, einschließlich Funktionskomponenten und Hooks.
• Schnelle Aktualisierung wird nach Tippfehlern und anderen Fehlern ordnungsgemäß wiederhergestellt und bei Bedarf auf ein vollständiges Neuladen zurückgesetzt.
• Fast Refresh führt keine invasiven Code-Transformationen durch, daher ist es zuverlässig genug, um standardmäßig aktiviert zu sein.

Lesen Sie mehr aus den offiziellen Dokumenten

Die schnelle Aktualisierung wird erstellt, wenn wir die Komponente ändern, z. B. den Stil. Die App wird nur auf der aktuellen Seite geladen. Die meisten Änderungen sollten innerhalb von ein oder zwei Sekunden sichtbar sein.

Das Hot-Reload besteht darin, die App am Laufen zu halten und neue Versionen der Dateien einzufügen, die Sie zur Laufzeit bearbeitet haben

für die schnelle Aktualisierung Wenn wir ein Modul bearbeiten, das nur React-Komponenten exportiert, aktualisiert Fast Refresh den Code nur für dieses Modul und rendert Ihre Komponente erneut.
Wenn wir ein Modul mit Exporten bearbeiten, die keine React-Komponenten sind, führt Fast Refresh sowohl dieses Modul als auch die anderen Module, die es importieren, erneut aus.

Wenn wir eine Datei bearbeiten, die von Modulen außerhalb des React-Baums importiert wurde, greift Fast Refresh auf ein vollständiges Neuladen zurück

Mit anderen Worten, es ist großartig und voller als Hot Reload