React Native

React Native 0.61 Update bringt in wichtige nije funksje dy't de ûntwikkelingsûnderfining ferbetteret.

 

Funksjes fan React Native 0.61

Yn React Native 0.61 bine wy ​​de hjoeddeistige "live opnij laden" (opnij laden by opslaan) en "hot reloading" hichtepunten byinoar yn in inkele nije funksje neamd "Fast Refresh". Fast Refresh bestiet út de folgjende prinsipes:

 

  1. Fast Ferfarskje folslein stipet hjoeddeistige React, ynklusyf funksje ûnderdielen en Hooks.
  2. Fast Refresh herstelt nei typfouten en ferskate misstappen en falt werom nei in folsleine opnij laden as nedich.
  3. Fast Refresh fiert gjin invasive koadeferoarings út, dus it is betrouber genôch om standert oan te wêzen.

 

Fast Ferfarskje

React Native hat al in skoft live opladen en waarm opladen. Live opnij laden soe de heule applikaasje opnij laden as it in koadeferoaring ûntdekte. Dit soe jo hjoeddeistige posysje yn 'e applikaasje ferlieze, lykwols soe garandearje dat de koade net yn in brutsen steat wie. Hot opnij laden soe besykje de progressions dy't jo hawwe makke gewoan "reparearje". Dit kin dien wurde sûnder de heule applikaasje opnij te laden, wêrtroch jo jo foarútgong folle flugger kinne sjen.

Hot herladen klonk geweldich, it wie lykwols frij buggy en wurke net mei hjoeddeistige React-funksjes lykas funksjonele komponinten mei haken.

De groep React Native hat dizze beide funksjes opnij makke en se kombinearre yn 'e nije Fast Reload-funksje. It is standert ynskeakele en sil dwaan wat kin wurde fergelike mei in heule opnij laden wêr mooglik, weromfalle nei in folsleine opnij laden as it perfoarst net is.

 

Upgrade nei React Native 0.61

Likegoed, mei alle React Native-upgrades, wurdt it suggerearre dat jo it ferskil besjen foar de koartlyn makke projekten en dizze wizigingen tapasse op jo eigen projekt.

 

Update de Ofhinklikensferzjes

De earste stap is om de betingsten yn jo package.json te upgrade en se yn te fieren. Unthâld dat elke React Native ferzje is hechte oan in bepaalde ferzje fan React, dus soargje derfoar dat jo dat ek bywurkje. Jo moatte ek soargje dat de react-test-renderer oerienkomt mei de React-ferzje. As jo ​​​​it brûke en dat upgrade de metro-react-native-babel-preset en Babel-ferzjes.

 

Flow Upgrade

Begjin in ienfâldige. De ferzje fan Flow dy't React Native brûkt is fernijd yn 0.61. Dit ymplisearret dat jo moatte soargje dat de flow container ôfhinklikens jo hawwe is ynsteld op ^0.105.0 en jo hawwe in ferlykbere wearde yn de [ferzje] jo .flowconfig triem.

As jo ​​​​Flow brûke foar typekontrôle yn jo projekt, kin dit ekstra flaters yn jo eigen koade freegje. De bêste suggestje is dat jo it feroaringslog ûndersykje foar de ferzjes yn it berik fan 0.98 en 0.105 om te begripen wat se kinne feroarsaakje.

As jo ​​Typescript brûke foar type-kontrôle fan jo koade, kinne jo it .flowconfig-bestân en de ôfhinklikens fan 'e streambinne echt eliminearje en dit bytsje fan it ferskil negearje.

As jo ​​​​gjin typekontrôler brûke, wurdt suggerearre dat jo ien kinne besjen. Elke kar sil wurkje, lykwols is it oan te rieden om Typescript te brûken.