A React Native 0.61 Update egy fontos új funkciót hoz, amely javítja a fejlesztési élményt.
A React Native 0.61 szolgáltatásai
A React Native 0.61-ben a jelenlegi „élő újratöltést” (újratöltés mentéskor) és a „hot reloading” kiemeléseket egyetlen új, „Fast Refresh” nevű funkcióvá egyesítjük. A Fast Refresh a következő alapelvekből áll:
- Gyors frissítés teljes mértékben támogatja a jelenlegi Reactot, beleértve a funkciókomponenseket és a Hook-okat.
- A Fast Refresh helyreáll az elírási hibák és a különböző félrelépések után, és szükség esetén teljes újratöltésre áll vissza.
- A Fast Refresh nem hajt végre invazív kódmódosításokat, így elég megbízható ahhoz, hogy alapértelmezés szerint be legyen kapcsolva.
Gyors frissítés
React natív már egy ideje élő újratöltés és forró újratöltés van. Az élő újratöltés az egész alkalmazást újratölti, ha kódváltozást észlel. Ezzel elveszítené a jelenlegi pozícióját az alkalmazáson belül, de garantálná, hogy a kód nem volt hibás állapotban. A forró újratöltés arra törekszik, hogy egyszerűen „javítsa” az Ön által elért előrelépéseket. Ez az egész alkalmazás újratöltése nélkül is megtehető, így sokkal gyorsabban láthatja előrehaladását.
A forró újratöltés jól hangzott, azonban meglehetősen hibás volt, és nem működött a React jelenlegi funkcióival, például horgokkal ellátott funkcionális alkatrészekkel.
A React Native csoport mindkét funkciót átdolgozta, és az új Fast Reload funkcióba egyesítette. Alapértelmezés szerint engedélyezve van, és ahol lehetséges, megteszi azt, amit egy forró újratöltéshez lehetne hasonlítani, és visszaáll a teljes újratöltésre, ha biztosan nem.
Frissítés React Native 0.61-re
Hasonlóképpen, az összes React Native frissítésnél azt javasoljuk, hogy vessen egy pillantást a közelmúltban készült projektekre vonatkozó különbségekre, és alkalmazza ezeket a változtatásokat a saját projektjére.
Frissítse a függőségi verziókat
A kezdeti lépés a package.json fájl feltételeinek frissítése és bevezetése. Ne feledje, hogy minden React Native verzió a React egy adott verziójához van csatolva, ezért ügyeljen arra, hogy ezt is frissítse. Hasonlóképpen gondoskodnia kell arról, hogy a react-test-renderer megegyezzen a React verzióval. Ha ezt használja, frissítse a metro-react-native-babel-preset és a Babel verziókat.
Flow Upgrade
Kezdetben egy egyszerű. A Flow React Native által használt verziója 0.61-re frissült. Ez azt jelenti, hogy meg kell győződnie arról, hogy az áramlástároló függősége ^0.105.0-ra van állítva, és a .flowconfig fájl [verziójában] hasonló értékkel rendelkezik.
Ha a projektben a Flow-t használja típusellenőrzéshez, ez további hibákat okozhat a saját kódjában. A legjobb javaslat az, hogy vizsgálja meg a 0.98 és 0.105 tartományba eső verziók változásnaplóját, hogy megtudja, mi okozhatja ezeket.
Ha Typescriptet használ a kód típusellenőrzésére, akkor valóban kiküszöbölheti a .flowconfig fájlt és a folyami bin függőséget, és figyelmen kívül hagyhatja a különbség ezen részét.
Ha nem használ típus-ellenőrzőt, javasoljuk, hogy fontolja meg annak használatát. Bármelyik választás működik, azonban ajánlott a Typescript használata.