React Native

Ang React Native 0.61 Update nagdala usa ka mayor nga bag-ong bahin nga nagpauswag sa kasinatian sa pag-uswag.

 

Mga Feature sa React Native 0.61

Sa React Native 0.61, gihiusa namo ang kasamtangan nga "live reloading" (reload on save) ug "hot reloading" nga mga highlight ngadto sa usa ka bag-ong feature nga gitawag og "Fast Refresh". Ang Fast Refresh naglangkob sa mosunod nga mga prinsipyo:

 

  1. Dali nga Pag-refresh hingpit nga nagsuporta sa kasamtangan nga React, lakip ang mga sangkap sa function ug Hooks.
  2. Ang Fast Refresh maulian human sa typos ug lain-laing mga sayop nga lakang ug mobalik sa bug-os nga reload kung gikinahanglan.
  3. Ang Fast Refresh wala maghimo mga invasive nga mga pagbag-o sa code aron kini masaligan nga ma-on pinaagi sa default.

 

Dali nga Pag-refresh

React Native dugay na nga adunay live reloading ug init nga reloading. Ang live reloading mag-reload sa tibuok nga aplikasyon kung makamatikod kini og kausaban sa code. Kini mawad-an sa imong karon nga posisyon sa sulod sa aplikasyon, bisan pa, makagarantiya nga ang code wala sa usa ka guba nga kahimtang. Ang init nga pag-reload maningkamot nga "ayohon" ang mga pag-uswag nga imong nahimo. Mahimo kini nga dili i-reload ang tibuuk nga aplikasyon, nga gitugotan ka nga makita ang imong mga pag-uswag nga mas paspas.

Ang init nga pag-reload nindot kaayo, bisan pa, kini buggy ug wala magtrabaho sa kasamtangan nga mga feature sa React sama sa functional nga mga sangkap nga adunay mga kaw-it.

Ang React Native nga grupo naghimo pag-usab sa duha niini nga mga feature ug gihiusa kini ngadto sa bag-ong Fast Reload feature. Gipaandar kini sa default ug buhaton kung unsa ang mahimo itandi sa usa ka mainit nga pag-reload kung mahimo, nga mobalik sa usa ka bug-os nga pag-reload kung siguradong dili.

 

Pag-upgrade sa React Native 0.61

Ingon usab, sa tanan nga mga pag-upgrade sa React Native, gisugyot nga imong tan-awon ang kalainan alang sa bag-o lang nahimo nga mga proyekto ug i-apply kini nga mga pagbag-o sa imong kaugalingon nga proyekto.

 

I-update ang Dependency nga Bersyon

Ang unang lakang mao ang pag-upgrade sa mga kondisyon sa imong package.json ug ipaila kini. Hinumdumi nga ang matag React Native nga bersyon gilakip sa usa ka partikular nga bersyon sa React, busa siguroha nga imong i-update usab kana. Kinahanglan nimo usab nga sigurohon nga ang react-test-renderer motakdo sa React nga bersyon. Kung gigamit nimo kini ug kana nga pag-upgrade sa metro-react-native-babel-preset ug Babel nga mga bersyon.

 

Pag-upgrade sa Dagayday

Inisyal nga simple. Ang bersyon sa Flow nga gigamit sa React Native gi-refresh sa 0.61. Nagpasabot kini nga kinahanglan nimong seguroon nga ang dependency sa dagan sa sudlanan nga anaa kanimo gitakda sa ^0.105.0 ug aduna kay susama nga bili sa [bersyon] sa imong .flowconfig file.

Kung gigamit nimo ang Flow alang sa pagsusi sa tipo sa imong proyekto, mahimo’g mag-aghat kini nga dugang nga mga sayup sa imong kaugalingon nga code. Ang labing maayo nga sugyot mao nga imong susihon ang changelog alang sa mga bersyon sa sakup nga 0.98 ug 0.105 aron mahibal-an kung unsa ang hinungdan niini.

Kon ikaw naggamit sa Typescript para sa type-checking sa imong code, mahimo nimong wagtangon ang .flowconfig file ug ang flow bin dependency ug ibaliwala kini nga gamay sa diff.

Kung wala ka naggamit ug type checker gisugyot nga mahimo nimong tan-awon ang paggamit sa usa. Ang bisan hain nga kapilian molihok, bisan pa, girekomenda nga gamiton ang Typescript.