React Native 0.61 Update bringer en stor ny funktion, der forbedrer udviklingsoplevelsen.
Funktioner af React Native 0.61
I React Native 0.61 binder vi de nuværende "live reloading" (genindlæs ved lagring) og "hot reloading" højdepunkter sammen til en enkelt ny funktion kaldet "Fast Refresh". Fast Refresh består af følgende principper:
- Hurtig opdatering understøtter fuldstændig nuværende React, inklusive funktionskomponenter og kroge.
- Hurtig opdatering gendannes efter tastefejl og forskellige fejltrin og falder tilbage til en fuld genindlæsning, når det kræves.
- Hurtig opdatering udfører ikke invasive kodeændringer, så den er pålidelig nok til at være slået til som standard.
Hurtig opdatering
Reag indfødte har haft live genindlæsning og varm genopladning i et stykke tid nu. Live genindlæsning ville genindlæse hele applikationen, når den opdagede en kodeændring. Dette ville miste din nuværende position i applikationen, men ville garantere, at koden ikke var i en ødelagt tilstand. Hot genindlæsning ville forsøge at "fikse" blot de fremskridt, du har gjort. Dette kan gøres uden at genindlæse hele applikationen, hvilket giver dig mulighed for at se dine progressioner meget hurtigere.
Varm genindlæsning lød godt, men den var ret buggy og fungerede ikke med aktuelle React-funktioner som funktionelle komponenter med kroge.
React Native-gruppen har lavet begge disse funktioner om og kombineret dem i den nye Fast Reload-funktion. Det er standard aktiveret og vil gøre, hvad der kan sammenlignes med en varm genindlæsning, hvor det er muligt, falder tilbage til en fuld genindlæsning, hvis det bestemt ikke er det.
Opgradering til React Native 0.61
Ligeledes, med alle React Native-opgraderinger, foreslås det, at du tager et kig på forskellen for de nyligt lavede projekter og anvender disse ændringer på dit eget projekt.
Opdater afhængighedsversionerne
Det første trin er at opgradere betingelserne i din package.json og introducere dem. Husk, at hver React Native-version er knyttet til en bestemt version af React, så sørg for, at du også opdaterer den. Du bør ligeledes sikre dig, at react-test-rendereren matcher React-versionen. Hvis du bruger det, og det opgraderer metro-react-native-babel-preset og Babel-versionerne.
Flow opgradering
Indledningsvis en simpel. Den version af Flow, som React Native bruger, er blevet opdateret i 0.61. Dette indebærer, at du skal sikre, at den flowbeholderafhængighed, du har, er indstillet til ^0.105.0, og at du har en lignende værdi i [versionen] din .flowconfig-fil.
Hvis du bruger Flow til typekontrol i dit projekt, kan dette medføre ekstra fejl i din egen kode. Det bedste forslag er, at du undersøger ændringsloggen for versionerne i intervallet 0.98 og 0.105 for at opfatte, hvad der kan forårsage dem.
Hvis du bruger Typescript til at typetjekke din kode, kan du virkelig fjerne .flowconfig-filen og flow bin-afhængigheden og ignorere denne del af diff.
Hvis du ikke bruger en typekontrol, foreslås det, at du kan se nærmere på at bruge en. Begge valg vil fungere, men det anbefales at bruge Typescript.