Aktualizace React Native 0.61 přináší zásadní novou funkci, která vylepšuje vývojářskou zkušenost.
Vlastnosti React Native 0.61
V React Native 0.61 spojujeme aktuální „reloading“ (reload on save) a „hot reloading“ do jediné nové funkce nazvané „Fast Refresh“. Rychlé osvěžení se skládá z následujících principů:
- Rychlé osvěžení plně podporuje aktuální React, včetně funkčních komponent a háčků.
- Funkce Fast Refresh se obnoví po překlepech a různých chybných krocích a v případě potřeby se vrátí k plnému načtení.
- Rychlé obnovení neprovádí invazivní změny kódu, takže je dostatečně spolehlivé, aby bylo ve výchozím nastavení zapnuté.
Rychlé osvěžení
Reagujte nativní má již nějakou dobu živé načítání a rychlé načítání. Živé opětovné načtení by znovu načetlo celou aplikaci, když zjistilo změnu kódu. Tím by se ztratila vaše současná pozice v aplikaci, nicméně by to zaručilo, že kód nebyl v rozbitém stavu. Hot reloading by se snažil jednoduše „opravit“ pokroky, které jste udělali. To lze provést bez opětovného načtení celé aplikace, což vám umožní mnohem rychleji vidět vaše pokroky.
Hot reloading znělo skvěle, nicméně to bylo dost zabugované a nefungovalo se současnými funkcemi Reactu, jako jsou funkční komponenty s háčky.
Skupina React Native předělala obě tyto funkce a spojila je do nové funkce Fast Reload. Ve výchozím nastavení je povoleno a bude dělat to, co by se dalo přirovnat k horkému opětovnému načtení tam, kde je to možné, a vrátí se k úplnému opětovnému načtení, pokud tomu tak rozhodně není.
Upgrade na React Native 0.61
Podobně se všemi upgrady React Native doporučujeme, abyste se podívali na rozdíl nedávno vytvořených projektů a aplikovali tyto změny na svůj vlastní projekt.
Aktualizujte verze závislostí
Prvním krokem je upgradovat podmínky ve vašem package.json a představit je. Pamatujte, že každá verze React Native je připojena ke konkrétní verzi Reactu, takže se ujistěte, že aktualizujete i tu. Měli byste se také ujistit, že vykreslovací modul reagovat-test odpovídá verzi React. Pokud jej používáte a upgradujete verze metro-react-native-babel-preset a Babel.
Upgrade toku
Zpočátku jednoduchý. Verze Flow, kterou React Native používá, byla aktualizována na 0.61. To znamená, že se musíte ujistit, že závislost tokového kontejneru, kterou máte, je nastavena na ^0.105.0 a že máte podobnou hodnotu ve [verze] vašeho souboru .flowconfig.
Pokud používáte Flow pro kontrolu typu ve svém projektu, může to způsobit další chyby ve vašem vlastním kódu. Nejlepším návrhem je prozkoumat protokol změn pro verze v rozsahu 0.98 a 0.105, abyste zjistili, co je může způsobovat.
Pokud používáte Typescript pro kontrolu typu vašeho kódu, můžete skutečně eliminovat soubor .flowconfig a závislost flow bin a ignorovat tento kousek rozdílu.
Pokud nepoužíváte kontrolu typu, doporučujeme vám ji použít. Každá volba bude fungovat, ale doporučuje se použít Typescript.