Apa perbedaan antara Hot Reload dan Live Reload di React Native?

311

Saya agak bingung di sini. Ketika saya sedang debug Aplikasi React Native, saya biasanya mengaktifkan Hot Reloading dan Live Reloading . Saya ingin tahu apa perbedaan di antara mereka?

javascript mobile react-native Raman Choudhary
sumber

Jawaban:

496

Memuat ulang secara langsung atau menyegarkan seluruh aplikasi saat file berubah. Misalnya, jika Anda empat tautan jauh ke dalam navigasi Anda dan menyimpan perubahan, memuat ulang langsung akan me-restart aplikasi dan memuat aplikasi kembali ke rute awal.

Memuat ulang panas hanya menyegarkan file yang diubah tanpa kehilangan status aplikasi. Misalnya, jika Anda empat tautan jauh ke dalam navigasi Anda dan menyimpan perubahan ke beberapa gaya, keadaan tidak akan berubah, tetapi gaya baru akan muncul di halaman tanpa harus menavigasi kembali ke halaman yang sedang Anda kunjungi karena Anda masih akan berada di halaman yang sama.

Nader Dabit
sumber
5
Video dari situs web RN ini mungkin membantu juga. youtu.be/2uQzVi-KFuc
Ekundayo Blessing Funminiyi
8
Mengapa ada orang yang lebih suka memuat ulang secara langsung daripada memuat ulang panas? Apakah ada manfaat untuk tinggal memuat ulang?
Jan
Contoh Reload Hot di bereaksi asli . Metode ini membantu menampilkan perubahan yang diperbarui di UI.
sumit kumar pradhan
Bisakah keduanya dilakukan di Kotlin? Jika demikian, dapatkah Anda mengarahkan saya ke sumber daya yang layak? Perdamaian!
monkSinha
3
@Jan ya, umumnya reload panas lebih disukai untuk live reload. Namun, pemuatan ulang panas lebih rumit untuk diterapkan, dan terkadang tidak dapat diandalkan seperti pemuatan langsung.
Jason Axelson
15

Keduanya dapat diaktifkan menggunakan CMD+D / CMD+CTRL+Z / Shake Gesture menu. Keduanya menggunakan penjaga untuk mendengarkan perubahan file.

Memuat ulang secara langsung seluruh aplikasi.

Gagasan di balik pemuatan ulang panas adalah untuk menjaga aplikasi tetap berjalan dan menyuntikkan versi baru dari file yang Anda edit saat runtime. Dengan cara ini, Anda tidak kehilangan status apa pun yang sangat berguna jika Anda mengutak-atik UI. Jadi reload hanya itu halaman yang Anda mengubah info lebih lanjut di sini

TheCodeTalker
sumber
2

Saat mengembangkan aplikasi React-Native Anda perlu melihat perubahan kode Anda dan untuk melihat perubahan kode ada dua opsi di React-Native.

  1. Hot Reload

    Hot reload hanya menampilkan perubahan kode sesuai dengan perubahan kode baru tanpa memulai ulang aplikasi dari awal dan hanya berpengaruh pada kode yang diubah.

  2. Live Reload

    Kadang-kadang kita mungkin memerlukan Live Reload untuk menguji kode kita seperti navigasi sehingga Live reload sangat membantu dalam hal ini sehingga akan memuat ulang seluruh aplikasi pada perubahan kode.

Waheed Akhtar
sumber
0

Hot reload hanya menampilkan perubahan kode sesuai dengan perubahan kode baru tanpa memulai ulang aplikasi dari awal dan hanya berpengaruh pada kode yang diubah. tetapi bagus saat hanya menata komponen ketika menambahkan / mengubah kode JS itu menciptakan masalah. Untuk itu Live reload atau rr berfungsi dengan baik


sumber