React Native 0.61 Update bringer en stor ny funksjon som forbedrer utviklingsopplevelsen.
Funksjoner av React Native 0.61
I React Native 0.61 binder vi sammen gjeldende "live reloading" (reload ved lagring) og "hot reloading" høydepunkter til en enkelt ny funksjon kalt "Fast Refresh". Fast Refresh består av følgende prinsipper:
- Rask oppdatering støtter fullstendig gjeldende React, inkludert funksjonskomponenter og kroker.
- Fast Refresh gjenoppretter etter skrivefeil og forskjellige feiltrinn og faller tilbake til en full reload når det er nødvendig.
- Fast Refresh utfører ikke invasive kodeendringer, så den er pålitelig nok til å være på som standard.
Rask oppdatering
Reager Native har hatt live omlasting og varm omlasting en god stund nå. Live reloading ville laste inn hele applikasjonen på nytt når den oppdaget en kodeendring. Dette ville miste din nåværende posisjon i applikasjonen, men ville garantere at koden ikke var i en ødelagt tilstand. Hot reloading ville forsøke å "fikse" ganske enkelt progresjonene du har gjort. Dette kan gjøres uten å laste hele applikasjonen på nytt, slik at du kan se progresjonene dine mye raskere.
Varm omlasting hørtes bra ut, men den var ganske buggy og fungerte ikke med nåværende React-funksjoner som funksjonelle komponenter med kroker.
React Native-gruppen har laget om begge disse funksjonene og kombinert dem til den nye Fast Reload-funksjonen. Den er aktivert som standard og vil gjøre det som kan sammenlignes med en varm reload der det er mulig, og faller tilbake til en full reload hvis det definitivt ikke er det.
Oppgraderer til React Native 0.61
På samme måte, med alle React Native-oppgraderinger, foreslås det at du tar en titt på forskjellen for de nylig utførte prosjektene og bruker disse endringene på ditt eget prosjekt.
Oppdater avhengighetsversjonene
Det første trinnet er å oppgradere betingelsene i package.json og introdusere dem. Husk at hver React Native-versjon er knyttet til en bestemt versjon av React, så sørg for at du oppdaterer den også. Du bør likeledes sørge for at react-test-rendereren samsvarer med React-versjonen. Hvis du bruker det og det oppgraderer metro-react-native-babel-preset og Babel-versjonene.
Flytoppgradering
Innledningsvis en enkel. Versjonen av Flow som React Native bruker har blitt oppdatert i 0.61. Dette innebærer at du må sørge for at flytbeholderavhengigheten du har er satt til ^0.105.0 og at du har en lignende verdi i [versjonen] .flowconfig-filen din.
Hvis du bruker Flow for typesjekking i prosjektet ditt, kan dette føre til ekstra feil i din egen kode. Det beste forslaget er at du undersøker endringsloggen for versjonene i området 0.98 og 0.105 for å se hva som kan forårsake dem.
Hvis du bruker Typescript for å typesjekke koden din, kan du virkelig eliminere .flowconfig-filen og flow bin-avhengigheten og ignorere denne delen av diff.
Hvis du ikke bruker en typekontroll, foreslås det at du kan se på å bruke en. Begge valgene vil fungere, men det anbefales å bruke Typescript.