Pembaruan React Native 0.61 menghadirkan fitur baru utama yang meningkatkan pengalaman pengembangan.
Fitur React Native 0.61
Di React Native 0.61, kami menggabungkan highlight “live reload” (reload on save) dan “hot reload” saat ini ke dalam satu fitur baru yang disebut “Fast Refresh”. Fast Refresh terdiri dari prinsip-prinsip berikut:
- Penyegaran Cepat sepenuhnya mendukung React saat ini, termasuk komponen fungsi dan Hooks.
- Fast Refresh pulih setelah kesalahan ketik dan kesalahan langkah lainnya dan kembali ke pemuatan ulang penuh bila diperlukan.
- Fast Refresh tidak melakukan perubahan kode yang invasif sehingga cukup dapat diandalkan untuk diaktifkan secara default.
Penyegaran Cepat
Bereaksi Bawaan telah melakukan live reload dan hot reload selama beberapa waktu sekarang. Pemuatan ulang langsung akan memuat ulang seluruh aplikasi ketika mendeteksi perubahan kode. Ini akan kehilangan posisi Anda saat ini di dalam aplikasi, namun menjamin kode tidak dalam keadaan rusak. Pemuatan ulang panas akan berusaha untuk "memperbaiki" kemajuan yang telah Anda buat. Ini dapat dilakukan tanpa memuat ulang seluruh aplikasi, memungkinkan Anda melihat perkembangan Anda lebih cepat.
Reload panas kedengarannya bagus, namun cukup bermasalah dan tidak berfungsi dengan fitur React saat ini seperti komponen fungsional dengan kait.
Grup React Native telah membuat ulang kedua fitur ini dan menggabungkannya ke dalam fitur Fast Reload yang baru. Ini diaktifkan secara default dan akan melakukan apa yang mungkin dibandingkan dengan hot reload jika memungkinkan, kembali ke full reload jika jelas tidak.
Meningkatkan ke React Native 0.61
Demikian pula, dengan semua pemutakhiran React Native, Anda disarankan untuk melihat perbedaan proyek yang baru dibuat dan menerapkan perubahan ini pada proyek Anda sendiri.
Perbarui Versi Ketergantungan
Langkah awal adalah mengupgrade ketentuan di package.json Anda dan memperkenalkannya. Ingatlah bahwa setiap versi React Native dilampirkan ke versi React tertentu, jadi pastikan Anda memperbaruinya juga. Anda juga harus memastikan bahwa react-test-renderer cocok dengan versi React. Jika Anda menggunakannya dan mengupgrade versi metro-react-native-babel-preset dan Babel.
Peningkatan Aliran
Inisial yang sederhana. Versi Flow yang digunakan React Native telah disegarkan di 0.61. Ini menyiratkan bahwa Anda perlu memastikan bahwa ketergantungan kontainer aliran yang Anda miliki diatur ke ^0.105.0 dan Anda memiliki nilai yang sama di [versi] file .flowconfig Anda.
Jika Anda menggunakan Flow untuk pemeriksaan tipe di proyek Anda, ini mungkin menyebabkan kesalahan tambahan dalam kode Anda sendiri. Saran terbaiknya adalah Anda menyelidiki log perubahan untuk versi dalam kisaran 0.98 dan 0.105 untuk mengetahui apa yang mungkin menjadi penyebabnya.
Jika Anda menggunakan TypeScript untuk memeriksa jenis kode Anda, Anda benar-benar dapat menghilangkan file .flowconfig dan ketergantungan flow bin dan mengabaikan sedikit perbedaan ini.
Jika Anda tidak menggunakan pemeriksa tipe, disarankan agar Anda mencoba menggunakannya. Pilihan mana pun akan berhasil, namun disarankan untuk menggunakan TypeScript.