React Native 0.61 шинэчлэлт нь хөгжүүлэлтийн туршлагыг сайжруулдаг томоохон шинэ функцийг авчирдаг.
React Native-ийн онцлогууд 0.61
React Native 0.61 дээр бид одоогийн "амьд дахин ачаалах" (хадгалах үед дахин ачаалах) болон "халуун дахин ачаалах" онцлох хэсгүүдийг "Хурдан сэргээх" нэртэй нэг шинэ функц болгон нэгтгэж байна. Хурдан сэргээх нь дараах зарчмуудаас бүрдэнэ.
- Хурдан сэргээх функцын бүрэлдэхүүн хэсэг болон дэгээ зэрэг одоогийн React-ийг бүрэн дэмждэг.
- Fast Refresh нь үсгийн алдаа болон янз бүрийн алдаа гарсны дараа сэргэж, шаардлагатай үед дахин ачаалах горимд ордог.
- Fast Refresh нь инвазив кодын өөрчлөлтийг хийдэггүй тул анхдагчаар асаалттай байх хангалттай найдвартай.
Хурдан сэргээх
Уугуул хариу өгөх Хэсэг хугацааны турш шууд дахин ачаалж, халуун дахин ачаалж байна. Шууд дахин ачаалах нь кодын өөрчлөлтийг илрүүлэх үед програмыг бүхэлд нь дахин ачаална. Энэ нь таны аппликешн доторх байр сууриа алдах боловч код нь эвдэрсэн төлөвт ороогүй гэдгийг баталгаажуулах болно. Халуун дахин ачаалах нь таны хийсэн дэвшлийг "засах" болно. Энэ нь програмыг бүхэлд нь дахин ачаалахгүйгээр хийж болох бөгөөд ингэснээр таны явцыг илүү хурдан харах боломжтой болно.
Халуун дахин ачаалах нь гайхалтай сонсогдож байсан ч энэ нь нэлээд алдаатай байсан бөгөөд дэгээ бүхий функциональ бүрэлдэхүүн хэсгүүд гэх мэт одоогийн React функцуудтай ажиллахгүй байв.
React Native бүлэг нь эдгээр функцуудыг хоёуланг нь шинэчилж, тэдгээрийг шинэ Хурдан дахин ачаалах функц болгон нэгтгэсэн. Энэ нь анхдагчаар идэвхжсэн бөгөөд боломжтой бол халуун дахин ачаалахтай харьцуулж болохуйц зүйлийг хийх бөгөөд хэрэв үгүй бол бүрэн дахин ачаалах боломжтой болно.
React Native 0.61 болгож сайжруулж байна
Үүний нэгэн адил, React Native-ийн бүх шинэчлэлтүүдийн хувьд саяхан хийгдсэн төслүүдийн ялгааг харж, эдгээр өөрчлөлтийг өөрийн төсөлд хэрэгжүүлэхийг зөвлөж байна.
Хамааралтай хувилбаруудыг шинэчлэх
Эхний алхам бол өөрийн package.json дээрх нөхцөлүүдийг сайжруулж, нэвтрүүлэх явдал юм. React Native хувилбар бүр нь React-ийн тодорхой хувилбарт хавсаргасан байгаа тул та үүнийг бас шинэчилнэ үү. Та мөн урвалын тест-рендер нь React хувилбартай таарч байгаа эсэхийг шалгах хэрэгтэй. Хэрэв та үүнийг ашигладаг бол metro-react-native-babel-preset болон Babel хувилбаруудыг шинэчилнэ үү.
Урсгалын шинэчлэл
Эхнийх нь энгийн. React Native-ийн ашигладаг Flow хувилбарыг 0.61-д шинэчилсэн. Энэ нь та урсгалын контейнерийн хамаарлыг ^0.105.0 гэж тохируулсан байх ёстой бөгөөд таны .flowconfig файлын [хувилбар] ижил төстэй үнэ цэнэтэй байх ёстой гэсэн үг юм.
Хэрэв та төсөлдөө төрөл шалгахдаа Flow ашиглаж байгаа бол энэ нь таны кодонд нэмэлт алдаа гаргаж болзошгүй. Хамгийн сайн санал бол 0.98 ба 0.105-ийн мужид байгаа хувилбаруудын өөрчлөлтийн бүртгэлийг судалж, юу үүсгэж болохыг ойлгох явдал юм.
Хэрэв та Typescript програмыг ашиглан кодоо төрөл шалгах гэж байгаа бол .flowconfig файл болон урсгалын бингийн хамаарлыг үнэхээр арилгаж, ялгааны энэ хэсгийг үл тоомсорлож болно.
Хэрэв та төрөл шалгагч ашиглаагүй бол үүнийг ашиглахыг зөвлөж байна. Аль ч сонголт ажиллах болно, гэхдээ Typescript ашиглахыг зөвлөж байна.