React Native 0.61 Update bring 'n belangrike nuwe kenmerk wat die ontwikkelingservaring verbeter.
Kenmerke van React Native 0.61
In React Native 0.61 bind ons die huidige "regstreekse herlaai" (herlaai by stoor) en "warm herlaai"-hoogtepunte saam in 'n enkele nuwe kenmerk genaamd "Fast Refresh". Fast Refresh bestaan uit die volgende beginsels:
- Vinnige Verfris ondersteun heeltemal huidige React, insluitend funksie komponente en hake.
- Fast Refresh herstel na tikfoute en verskillende foute en val terug na 'n volle herlaai wanneer nodig.
- Fast Refresh voer nie indringende kodeveranderings uit nie, so dit is betroubaar genoeg om by verstek aan te wees.
Vinnige Verfris
Reageer Naturel het nou al 'n geruime tyd lewendige herlaai en warm herlaai gehad. Regstreekse herlaai sal die hele toepassing herlaai wanneer dit 'n kodeverandering bespeur. Dit sal jou huidige posisie binne die toepassing verloor, maar sal verseker dat die kode nie in 'n gebroke toestand is nie. Warm herlaai sal poog om bloot die vorderings wat jy gemaak het te "regstel". Dit kan gedoen word sonder om die hele toepassing te herlaai, wat jou toelaat om jou vordering baie vinniger te sien.
Warm herlaai het wonderlik geklink, maar dit was nogal karig en het nie gewerk met huidige React-kenmerke soos funksionele komponente met hake nie.
Die React Native-groep het albei hierdie kenmerke herskep en gekombineer in die nuwe Fast Reload-funksie. Dit is verstek geaktiveer en sal doen wat vergelyk kan word met 'n warm herlaai waar moontlik, en val terug na 'n volle herlaai as dit beslis nie is nie.
Opgradeer na React Native 0.61
Net so, met alle React Native-opgraderings, word daar voorgestel dat u na die verskil kyk vir die onlangs aangemaakte projekte en hierdie veranderinge op u eie projek toepas.
Dateer die Afhanklikheidsweergawes op
Die eerste stap is om die voorwaardes in jou package.json op te gradeer en dit bekend te stel. Onthou dat elke React Native-weergawe aan 'n spesifieke weergawe van React geheg is, so maak seker dat jy dit ook opdateer. U moet eweneens seker maak dat die react-test-renderer ooreenstem met die React-weergawe. As jy dit gebruik en dit opgradeer die metro-reageer-native-babel-preset en Babel-weergawes.
Vloei-opgradering
Begin 'n eenvoudige een. Die weergawe van Flow wat React Native gebruik, is opgeknap in 0.61. Dit impliseer dat jy moet verseker dat die vloeihouer-afhanklikheid wat jy het gestel is op ^0.105.0 en jy het 'n soortgelyke waarde in die [weergawe] jou .flowconfig-lêer.
As jy Flow gebruik vir tipe kontrolering in jou projek, kan dit ekstra foute in jou eie kode veroorsaak. Die beste voorstel is dat jy die veranderingslog vir die weergawes in die reeks van 0.98 en 0.105 ondersoek om te sien wat hulle kan veroorsaak.
As jy Typescript gebruik om jou kode te tik, kan jy regtig die .flowconfig-lêer en die flow bin-afhanklikheid uitskakel en hierdie bietjie van die verskil ignoreer.
As jy nie 'n tipe kontroleerder gebruik nie, word voorgestel dat jy kan kyk na die gebruik van een. Enige keuse sal werk, maar dit word aanbeveel om Typescript te gebruik.