React Native 0.61 Update ger en stor ny funktion som förbättrar utvecklingsupplevelsen.
Funktioner i React Native 0.61
I React Native 0.61 binder vi samman de nuvarande "live reloading" (reload on save) och "hot reloading" höjdpunkterna till en enda ny funktion som kallas "Fast Refresh". Fast Refresh består av följande principer:
- Snabb uppdatering stöder helt nuvarande React, inklusive funktionskomponenter och krokar.
- Fast Refresh återställs efter stavfel och olika felsteg och faller tillbaka till en full omladdning när det behövs.
- Fast Refresh utför inte invasiva kodändringar så det är tillräckligt pålitligt för att vara på som standard.
Snabb uppdatering
React native har haft live omladdning och varm omladdning ett bra tag nu. Live omladdning skulle ladda om hela applikationen när den upptäckte en kodändring. Detta skulle förlora din nuvarande position i applikationen, men skulle garantera att koden inte var i ett trasigt tillstånd. Hot omladdning skulle sträva efter att "fixa" helt enkelt de framsteg du har gjort. Detta kan göras utan att ladda om hela applikationen, vilket gör att du kan se dina framsteg mycket snabbare.
Hot omladdning lät bra, men det var ganska buggigt och fungerade inte med nuvarande React-funktioner som funktionella komponenter med krokar.
React Native-gruppen har gjort om båda dessa funktioner och kombinerat dem till den nya Fast Reload-funktionen. Det är standardaktiverat och kommer att göra vad som kan jämföras med en varm omladdning där det är möjligt, faller tillbaka till en full omladdning om det definitivt inte är det.
Uppgradering till React Native 0.61
På samma sätt, med alla React Native-uppgraderingar, föreslås det att du tar en titt på skillnaden för de nyligen gjorda projekten och tillämpar dessa ändringar på ditt eget projekt.
Uppdatera beroendeversionerna
Det första steget är att uppgradera villkoren i din package.json och introducera dem. Kom ihåg att varje React Native-version är kopplad till en viss version av React, så se till att du uppdaterar den också. Du bör också se till att react-test-renderern matchar React-versionen. Om du använder det och det uppgraderar du metro-react-native-babel-preset och Babel-versionerna.
Flödesuppgradering
Inledningsvis en enkel. Den version av Flow som React Native använder har uppdaterats i 0.61. Detta innebär att du måste se till att flödescontainerberoendet du har är satt till ^0.105.0 och att du har ett liknande värde i [versionen] din .flowconfig-fil.
Om du använder Flow för typkontroll i ditt projekt, kan detta leda till extra fel i din egen kod. Det bästa förslaget är att du undersöker ändringsloggen för versionerna i intervallet 0.98 och 0.105 för att se vad som kan orsaka dem.
Om du använder Typescript för att typkontrollera din kod, kan du verkligen eliminera .flowconfig-filen och flödesberoendet och ignorera denna bit av skillnaden.
Om du inte använder en typkontroll, föreslås det att du kan titta på att använda en. Båda valen kommer att fungera, men det rekommenderas att använda Typescript.