Актуализацията на React Native 0.61 носи голяма нова функция, която подобрява изживяването при разработката.
Характеристики на React Native 0.61
В React Native 0.61 обединяваме текущите акценти „презареждане на живо“ (презареждане при запазване) и „горещо презареждане“ в една нова функция, наречена „Бързо опресняване“. Бързото опресняване се състои от следните принципи:
- Бързо опресняване напълно поддържа текущия React, включително функционални компоненти и Hooks.
- Бързото опресняване се възстановява след печатни грешки и различни грешни стъпки и се връща към пълно презареждане, когато е необходимо.
- Бързото опресняване не извършва инвазивни промени в кода, така че е достатъчно надеждно, за да бъде включено по подразбиране.
Бързо опресняване
Реагирайте Native има презареждане на живо и горещо презареждане от доста време. Презареждането на живо би презаредило цялото приложение, когато открие промяна на кода. Това ще загуби сегашната ви позиция в приложението, но ще гарантира, че кодът не е в развалено състояние. Горещото презареждане ще се опита да „поправи“ просто прогресиите, които сте направили. Това може да стане без презареждане на цялото приложение, което ви позволява да виждате напредъка си много по-бързо.
Горещото презареждане звучеше страхотно, но беше доста бъгово и не работеше с текущите функции на React като функционални компоненти с куки.
Групата React Native преработи и двете функции и ги комбинира в новата функция за бързо презареждане. Той е активиран по подразбиране и ще направи това, което може да се сравни с горещо презареждане, където е възможно, връщайки се към пълно презареждане, ако определено не е.
Надграждане до React Native 0.61
По същия начин, с всички надстройки на React Native се препоръчва да погледнете разликата за наскоро направени проекти и да приложите тези промени към вашия собствен проект.
Актуализирайте версиите на зависимостите
Първоначалната стъпка е да надстроите условията във вашия package.json и да ги въведете. Не забравяйте, че всяка версия на React Native е прикрепена към определена версия на React, така че не забравяйте да актуализирате и нея. По същия начин трябва да се уверите, че react-test-renderer съответства на версията на React. Ако го използвате и надстройте версиите metro-react-native-babel-preset и Babel.
Надграждане на потока
Първоначално просто. Версията на Flow, която React Native използва, е обновена в 0.61. Това означава, че трябва да се уверите, че зависимостта на контейнера на потока, която имате, е зададена на ^0.105.0 и имате подобна стойност във [версията] на вашия .flowconfig файл.
Ако използвате Flow за проверка на типа във вашия проект, това може да доведе до допълнителни грешки във вашия собствен код. Най-доброто предложение е да проучите регистъра на промените за версиите в диапазона от 0.98 и 0.105, за да разберете какво може да ги причинява.
Ако използвате Typescript за проверка на типа на вашия код, можете наистина да елиминирате .flowconfig файла и зависимостта от потока bin и да игнорирате тази част от разликата.
Ако не използвате програма за проверка на типа, препоръчваме ви да разгледате използването на такава. Всеки избор ще работи, но се препоръчва да използвате Typescript.