Posodobitev React Native 0.61 prinaša pomembno novo funkcijo, ki izboljšuje razvojno izkušnjo.
Lastnosti React Native 0.61
V React Native 0.61 združujemo trenutne poudarke »vnovično nalaganje v živo« (ponovno nalaganje ob shranjevanju) in »vroče ponovno nalaganje« v eno samo novo funkcijo, imenovano »Hitro osveževanje«. Fast Refresh je sestavljen iz naslednjih načel:
- Hitra osvežitev popolnoma podpira trenutni React, vključno s funkcijskimi komponentami in kavlji.
- Hitro osveževanje obnovi po tipkarskih napakah in različnih napačnih korakih ter se po potrebi vrne na polno ponovno nalaganje.
- Hitra osvežitev ne izvaja invazivnih sprememb kode, zato je dovolj zanesljiva, da je privzeto vklopljena.
Hitra osvežitev
React Native že nekaj časa ima ponovno nalaganje v živo in vroče ponovno nalaganje. Ponovno nalaganje v živo bi znova naložilo celotno aplikacijo, ko bi zaznalo spremembo kode. S tem bi izgubili vaš trenutni položaj znotraj aplikacije, vendar bi zagotovili, da koda ni v pokvarjenem stanju. Vroče ponovno nalaganje bi si prizadevalo preprosto "popraviti" napredovanje, ki ste ga naredili. To je mogoče storiti brez ponovnega nalaganja celotne aplikacije, kar vam omogoča, da vidite svoje napredovanje veliko hitreje.
Vroče ponovno nalaganje je zvenelo odlično, vendar je bilo precej hroščasto in ni delovalo s trenutnimi funkcijami React, kot so funkcionalne komponente s kavlji.
Skupina React Native je predelala obe funkciji in ju združila v novo funkcijo Fast Reload. Privzeto je omogočen in bo storil tisto, kar bi lahko primerjali z vročim ponovnim nalaganjem, kjer je to mogoče, in se bo vrnil na polno ponovno nalaganje, če zagotovo ni.
Nadgradnja na React Native 0.61
Podobno je pri vseh nadgradnjah React Native predlagano, da si ogledate diff za nedavno narejene projekte in te spremembe uporabite v svojem projektu.
Posodobite različice odvisnosti
Začetni korak je nadgradnja pogojev v vašem package.json in njihova uvedba. Ne pozabite, da je vsaka različica React Native pritrjena na določeno različico Reacta, zato poskrbite, da posodobite tudi to. Prav tako bi morali zagotoviti, da se react-test-renderer ujema z različico React. Če ga uporabljate in nadgradite različici metro-react-native-babel-preset in Babel.
Nadgradnja toka
Enostavna začetnica. Različica Flow, ki jo uporablja React Native, je bila osvežena v 0.61. To pomeni, da morate zagotoviti, da je odvisnost vsebnika toka, ki jo imate, nastavljena na ^0.105.0 in imate podobno vrednost v [različici] vaše datoteke .flowconfig.
Če uporabljate Flow za preverjanje tipa v svojem projektu, lahko to povzroči dodatne napake v vaši kodi. Najboljši predlog je, da raziščete dnevnik sprememb za različici v obsegu 0.98 in 0.105, da ugotovite, kaj jih lahko povzroča.
Če uporabljate Typescript za preverjanje tipa vaše kode, lahko resnično odstranite datoteko .flowconfig in odvisnost od predala toka ter prezrete ta košček razlike.
Če ne uporabljate preverjevalnika tipov, vam priporočamo, da ga uporabite. Katera koli izbira bo delovala, vendar je priporočljivo uporabiti Typescript.