Jaka jest różnica między przeładowaniem na gorąco a przeładowaniem na żywo w React Native?


311

Jestem trochę zdezorientowany. Podczas debugowania aplikacji React Native zwykle włączam zarówno ponowne ładowanie na gorąco, jak i ponowne ładowanie na żywo . Chcę wiedzieć, jaka jest między nimi różnica?

Odpowiedzi:


496

Przeładowywanie na żywo ponownie ładuje lub odświeża całą aplikację po zmianie pliku. Na przykład, jeśli miałeś cztery linki w głąb nawigacji i zapisałeś zmianę, przeładowanie na żywo uruchomi aplikację ponownie i załaduje aplikację z powrotem na początkową trasę.

Ponowne ładowanie na gorąco odświeża tylko te pliki, które zostały zmienione, bez utraty stanu aplikacji. Na przykład, jeśli miałeś cztery linki w głąb nawigacji i zapisałeś zmianę w niektórych stylach, stan nie zmieniłby się, ale nowe style pojawiłyby się na stronie bez konieczności powrotu do strony, na której jesteś, ponieważ nadal być na tej samej stronie.


5
Ten film ze strony internetowej RN może również pomóc. youtu.be/2uQzVi-KFuc
Ekundayo Blessing Funminiyi

8
Dlaczego ktoś wolałby przeładowywanie na żywo niż przeładowywanie na gorąco? Czy jest jakaś korzyść z przeładowywania na żywo?
Jan

Przykład przeładowania na gorąco w reakcji rodzimej . Ta metoda pomaga wyświetlić zaktualizowaną zmianę w interfejsie użytkownika.
sumit kumar pradhan

Czy oba można zrobić w Kotlinie? Jeśli tak, czy możesz skierować mnie do przyzwoitych zasobów? Pokój!
mnich Sinha

3
@Jak tak, przeładowanie na gorąco jest zazwyczaj lepsze niż przeładowywanie na żywo. Jednak ponowne ładowanie na gorąco jest bardziej skomplikowane do wdrożenia i czasami nie jest tak niezawodne jak ponowne ładowanie na żywo.
Jason Axelson

15

Oba można włączyć za pomocą CMD+D / CMD+CTRL+Z / Shake Gesture menu. Obaj używają stróża do nasłuchiwania zmian plików.

Przeładowanie na żywo powoduje ponowne załadowanie całej aplikacji.

Ideą ponownego ładowania na gorąco jest utrzymanie działania aplikacji i wstrzykiwanie nowych wersji plików, które edytowałeś w czasie wykonywania. W ten sposób nie tracisz żadnego stanu, co jest szczególnie przydatne, jeśli poprawiasz interfejs użytkownika. Przeładowuje więc tylko tę stronę, którą zmienisz tutaj więcej informacji


2

Podczas opracowywania aplikacji React-Native musisz wyświetlić zmiany w kodzie, a do przeglądania zmian w kodzie dostępne są dwie opcje w React-Native.

  1. Hot Reload

    Przeładowanie na gorąco wyświetla tylko zmiany kodu zgodnie z nowymi zmianami kodu bez ponownego uruchamiania aplikacji od początku i wpływa tylko na zmieniony kod.

  2. Live Reload

    Czasami możemy potrzebować Live Reload do przetestowania naszego kodu, takiego jak nawigacja, więc Live Reload jest w tym przypadku pomocny, więc przeładuje całą aplikację po zmianie kodu.


0

Przeładowanie na gorąco wyświetla tylko zmiany kodu zgodnie z nowymi zmianami kodu bez ponownego uruchamiania aplikacji od początku i wpływa tylko na zmieniony kod. ale dobrze jest, gdy po prostu projektuje składniki podczas dodawania / zmiany kodu JS, stwarza problemy. Do tego Live Reload lub rr działa dobrze

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.