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?

javascript mobile react-native Raman Choudhary
źródło

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.

Nader Dabit
źródło
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

TheCodeTalker
źródło
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.

Waheed Akhtar
źródło
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


źródło