Kemas Kini React Native 0.61 membawa ciri baharu utama yang meningkatkan pengalaman pembangunan.
Ciri-ciri React Native 0.61
Dalam React Native 0.61, kami menggabungkan "muat semula secara langsung" semasa (muat semula semasa disimpan) dan sorotan "muat semula panas" menjadi satu ciri baharu yang dipanggil "Muat Semula Pantas". Fast Refresh terdiri daripada prinsip berikut:
- Muat Semula Cepat menyokong sepenuhnya React semasa, termasuk komponen fungsi dan Cangkuk.
- Muat Semula Cepat pulih selepas kesilapan taip dan salah langkah yang berbeza dan kembali kepada muat semula penuh apabila diperlukan.
- Muat Semula Cepat tidak melakukan perubahan kod invasif jadi ia cukup boleh dipercayai untuk dihidupkan secara lalai.
Muat Semula Cepat
React Native telah mempunyai muat semula langsung dan muat semula panas untuk beberapa lama sekarang. Muat semula secara langsung akan memuatkan semula keseluruhan aplikasi apabila ia mengesan perubahan kod. Ini akan kehilangan kedudukan anda sekarang di dalam aplikasi, bagaimanapun, akan menjamin kod itu tidak dalam keadaan rosak. Muat semula panas akan berusaha untuk "membetulkan" hanya perkembangan yang telah anda buat. Ini boleh dilakukan tanpa memuatkan semula keseluruhan aplikasi, membenarkan anda melihat perkembangan anda dengan lebih cepat.
Muat semula panas kedengaran hebat, namun, ia agak bermasalah dan tidak berfungsi dengan ciri React semasa seperti komponen berfungsi dengan cangkuk.
Kumpulan React Native telah membuat semula kedua-dua ciri ini dan menggabungkannya ke dalam ciri Muat Semula Pantas baharu. Ia didayakan secara lalai dan akan melakukan apa yang mungkin dibandingkan dengan muat semula panas jika boleh, kembali kepada muat semula penuh jika ia pasti tidak.
Menaik taraf kepada React Native 0.61
Begitu juga, dengan semua peningkatan React Native, anda dicadangkan untuk melihat perbezaan untuk projek yang dibuat baru-baru ini dan menggunakan perubahan ini pada projek anda sendiri.
Kemas kini Versi Ketergantungan
Langkah awal ialah menaik taraf syarat dalam package.json anda dan memperkenalkannya. Ingat bahawa setiap versi React Native dilampirkan pada versi React tertentu, jadi pastikan anda mengemas kininya juga. Anda juga harus memastikan bahawa react-test-renderer sepadan dengan versi React. Jika anda menggunakannya dan meningkatkan versi metro-react-native-babel-preset dan Babel.
Peningkatan Aliran
Permulaan yang mudah. Versi Flow yang digunakan React Native telah dimuat semula dalam 0.61. Ini menunjukkan bahawa anda perlu memastikan bahawa kebergantungan bekas aliran yang anda miliki ditetapkan kepada ^0.105.0 dan anda mempunyai nilai yang sama dalam [versi] fail .flowconfig anda.
Jika anda menggunakan Flow untuk menyemak jenis dalam projek anda, ini mungkin menyebabkan kesilapan tambahan dalam kod anda sendiri. Cadangan terbaik ialah anda menyiasat log perubahan untuk versi dalam julat 0.98 dan 0.105 untuk melihat apa yang mungkin menyebabkannya.
Jika anda menggunakan Typescript untuk menyemak taip kod anda, anda benar-benar boleh menghapuskan fail .flowconfig dan kebergantungan tong aliran dan mengabaikan sedikit perbezaan ini.
Jika anda tidak menggunakan penyemak jenis adalah dicadangkan anda boleh menyemaknya. Mana-mana pilihan akan berfungsi, bagaimanapun, adalah disyorkan untuk menggunakan Typescript.