React Native'de Hot Reloading ve Live Reloading arasındaki fark nedir?


311

Burada biraz kafam karıştı. Bir Yerli Uygulama Tepki ayıklarken ediyorum, genelde hem etkinleştirmek Sıcak yeniden yükleniyor ve Canlı Yeniden Yükleme . Aralarındaki farkın ne olduğunu bilmek istiyorum.

Yanıtlar:


496

Canlı yeniden yükleme , bir dosya değiştiğinde tüm uygulamayı yeniden yükler veya yeniler. Örneğin, navigasyonunuzun derinliklerinde dört bağlantı olsaydınız ve bir değişiklik kaydettiyseniz, canlı yeniden yükleme uygulamayı yeniden başlatacak ve uygulamayı ilk rotaya geri yükleyecektir.

Sıcak yeniden yükleme, yalnızca uygulamanın durumunu kaybetmeden değiştirilen dosyaları yeniler. Örneğin, navigasyonunuzun derinliklerinde dört bağlantı olsaydınız ve bazı stillere bir değişiklik kaydederseniz durum değişmezdi, ancak yeni stiller, bulunduğunuz sayfaya geri gitmek zorunda kalmadan sayfada görünecektir, çünkü yine de aynı sayfada olmak.


5
RN web sitesinden gelen bu video da yardımcı olabilir. youtu.be/2uQzVi-KFuc
Ekundayo Blessing Funminiyi

8
Neden herkes sıcak yeniden yüklemeye göre canlı yeniden yüklemeyi tercih etsin? Canlı yeniden yüklemenin herhangi bir faydası var mı?
Ocak

Sıcak Yeniden yüklemek Örnek nativ tepki . Bu yöntem, kullanıcı arayüzünde güncellenmiş değişikliği görüntülemeye yardımcı olur.
sumit kumar pradhan

Her ikisi de Kotlin'de yapılabilir mi? Öyleyse, lütfen beni iyi bir kaynağa yönlendirebilir misiniz? Barış!
monkSinha

3
@ Evet, genellikle sıcak yeniden yükleme canlı yeniden yüklemeye tercih edilir. Bununla birlikte, sıcak yeniden yüklemenin uygulanması daha karmaşıktır ve bazen canlı yeniden yükleme kadar güvenilir değildir.
Jason Axelson

15

Her ikisi de kullanılarak etkinleştirilebilir CMD+D / CMD+CTRL+Z / Shake Gesture menu. Her ikisi de dosya değişikliklerini dinlemek için bekçi kullanıyor.

Canlı yeniden yükleme tüm uygulamayı yeniden yükler.

Sıcak yeniden yüklemenin arkasındaki fikir, uygulamayı çalışır durumda tutmak ve çalışma zamanında düzenlediğiniz dosyaların yeni sürümlerini enjekte etmektir. Bu şekilde, UI'yi değiştiriyorsanız özellikle yararlı olan durumunuzu kaybetmezsiniz. Sadece burada daha fazla bilgi değiştirdiğiniz sayfayı yeniden yüklüyor


2

React-Native uygulamasını geliştirirken, kod değişikliklerinizi görüntülemeniz ve kod değişikliklerini görüntülemek için React-Native'da iki seçenek vardır.

  1. Hot Reload

    Hot reload, uygulamayı baştan başlatmadan yeni kod değişikliklerine göre kod değişikliklerini görüntüler ve yalnızca değiştirilen kodu etkiler.

  2. Canlı Yeniden Yükleme

    Bazen, kodumuzu gezinme gibi test etmek için Canlı Yeniden Yükleme'ye ihtiyacımız olabilir, bu nedenle Canlı yeniden yükleme bu durumda yardımcı olur, böylece kodda değişiklik olduğunda tüm uygulamayı yeniden yükler.


0

Hot reload, uygulamayı baştan başlatmadan yeni kod değişikliklerine göre kod değişikliklerini görüntüler ve yalnızca değiştirilen kodu etkiler. ancak sadece JS kodu eklerken / değiştirirken bileşenleri şekillendirirken iyi olur, sorun yaratır. Bunun için Canlı yeniden yükleme veya rr iyi çalışıyor

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.