Aktualizácia React Native 0.61 prináša zásadnú novú funkciu, ktorá zlepšuje zážitok z vývoja.
Vlastnosti React Native 0.61
V React Native 0.61 spájame aktuálne najdôležitejšie funkcie „naživo znovu načítať“ (obnovenie pri uložení) a „opätovné načítanie“ do jednej novej funkcie s názvom „Fast Refresh“. Rýchle obnovenie pozostáva z nasledujúcich princípov:
- Rýchle obnovenie plne podporuje aktuálny React, vrátane funkčných komponentov a hákov.
- Rýchle obnovenie sa obnoví po preklepoch a rôznych chybných krokoch a v prípade potreby sa vráti k úplnému opätovnému načítaniu.
- Rýchle obnovenie nevykonáva invazívne zmeny kódu, takže je dostatočne spoľahlivé na to, aby bolo predvolene zapnuté.
Rýchle obnovenie
Reagujte Native má už nejaký čas živé načítanie a opätovné načítanie. Živé opätovné načítanie by znova načítalo celú aplikáciu, keď by zistilo zmenu kódu. Tým by ste stratili svoju súčasnú pozíciu v aplikácii, ale zaručilo by to, že kód nebol v rozbitom stave. Hot reloading by sa snažil "opraviť" jednoducho pokroky, ktoré ste urobili. Dá sa to urobiť bez opätovného načítania celej aplikácie, čo vám umožní vidieť vaše pokroky oveľa rýchlejšie.
Hot reloading znelo skvele, bolo to však dosť zabugované a nefungovalo so súčasnými funkciami Reactu, ako sú funkčné komponenty s háčikmi.
Skupina React Native prerobila obe tieto funkcie a spojila ich do novej funkcie Fast Reload. V predvolenom nastavení je povolená a tam, kde je to možné, bude robiť to, čo by sa dalo prirovnať k rýchlemu opätovnému načítaniu, a ak to určite nie je, vráti sa k úplnému opätovnému načítaniu.
Aktualizácia na React Native 0.61
Podobne sa pri všetkých aktualizáciách React Native odporúča, aby ste sa pozreli na rozdiel nedávno vytvorených projektov a aplikovali tieto zmeny na svoj vlastný projekt.
Aktualizujte verzie závislostí
Prvým krokom je inovácia podmienok v súbore package.json a ich predstavenie. Pamätajte, že každá verzia React Native je pripojená k určitej verzii Reactu, takže sa uistite, že ju aktualizujete. Mali by ste sa tiež uistiť, že vykresľovací modul na testovanie reakcie zodpovedá verzii React. Ak ho použijete a inovujete verzie metro-react-native-babel-preset a Babel.
Upgrade toku
Na začiatok jednoduchý. Verzia Flow, ktorú React Native používa, bola obnovená na 0.61. To znamená, že sa musíte uistiť, že závislosť toku kontajnera, ktorú máte, je nastavená na ^0.105.0 a že máte podobnú hodnotu vo [verzii] vášho súboru .flowconfig.
Ak používate Flow na kontrolu typu vo svojom projekte, môže to spôsobiť ďalšie chyby vo vašom vlastnom kóde. Najlepším návrhom je preskúmať protokol zmien pre verzie v rozsahu 0.98 a 0.105, aby ste zistili, čo ich môže spôsobovať.
Ak používate Typescript na kontrolu typu vášho kódu, môžete skutočne eliminovať súbor .flowconfig a závislosť flow bin a ignorovať tento kúsok rozdielu.
Ak nepoužívate kontrolu typu, odporúčame vám, aby ste si ju vyskúšali. Každá možnosť bude fungovať, odporúča sa však použiť Typescript.