Ang React Native 0.61 Update ay nagdadala ng isang pangunahing bagong feature na nagpapahusay sa karanasan sa pag-develop.
Mga Tampok ng React Native 0.61
Sa React Native 0.61, pinagsama-sama namin ang kasalukuyang "live reloading" (reload on save) at "hot reloading" na mga highlight sa isang bagong feature na tinatawag na "Fast Refresh". Ang Fast Refresh ay binubuo ng mga sumusunod na prinsipyo:
- Mabilis na Pag-refresh ganap na sumusuporta sa kasalukuyang React, kabilang ang mga bahagi ng function at Hooks.
- Ang Fast Refresh ay bumabawi pagkatapos ng mga typo at iba't ibang mga maling hakbang at bumabalik sa isang buong pag-reload kapag kinakailangan.
- Ang Fast Refresh ay hindi nagsasagawa ng mga invasive na pagbabago sa code kaya ito ay sapat na maaasahan upang i-on bilang default.
Mabilis na Pag-refresh
React Native ay nagkaroon ng live na pag-reload at mainit na pag-reload nang medyo matagal na ngayon. Ire-reload ng live na reload ang buong application kapag nakakita ito ng pagbabago ng code. Mawawala nito ang iyong kasalukuyang posisyon sa loob ng application, gayunpaman, magagarantiya na ang code ay wala sa sirang estado. Ang mainit na pag-reload ay magsisikap na "ayusin" lamang ang mga pag-unlad na iyong ginawa. Magagawa ito nang hindi nire-reload ang buong application, na nagbibigay-daan sa iyong makita nang mas mabilis ang iyong mga pag-unlad.
Maganda ang tunog ng mainit na pag-reload, gayunpaman, medyo buggy ito at hindi gumana sa mga kasalukuyang feature ng React tulad ng mga functional na bahagi na may mga hook.
Ang pangkat ng React Native ay muling ginawa ang parehong mga tampok na ito at pinagsama ang mga ito sa bagong tampok na Mabilis na Reload. Ito ay default na pinagana at gagawin kung ano ang maaaring ihambing sa isang mainit na reload kung saan posible, na bumabalik sa isang buong reload kung ito ay talagang hindi.
Pag-upgrade sa React Native 0.61
Gayundin, sa lahat ng pag-upgrade ng React Native, iminumungkahi na tingnan mo ang pagkakaiba para sa mga kamakailang ginawang proyekto at ilapat ang mga pagbabagong ito sa iyong sariling proyekto.
I-update ang Mga Bersyon ng Dependency
Ang unang hakbang ay i-upgrade ang mga kundisyon sa iyong package.json at ipakilala ang mga ito. Tandaan na ang bawat React Native na bersyon ay naka-attach sa isang partikular na bersyon ng React, kaya tiyaking i-update mo rin iyon. Dapat mo ring tiyakin na ang react-test-renderer ay tumutugma sa React na bersyon. Kung gagamitin mo ito at i-upgrade ang metro-react-native-babel-preset at mga bersyon ng Babel.
Pag-upgrade ng Daloy
Simple ang simula. Ang bersyon ng Flow na ginagamit ng React Native ay na-refresh sa 0.61. Ito ay nagpapahiwatig na kailangan mong tiyakin na ang flow container dependency na mayroon ka ay nakatakda sa ^0.105.0 at mayroon kang katulad na halaga sa [bersyon] ng iyong .flowconfig file.
Kung gumagamit ka ng Flow para sa pagsuri ng uri sa iyong proyekto, maaari itong mag-prompt ng mga karagdagang pagkakamali sa sarili mong code. Ang pinakamagandang mungkahi ay siyasatin mo ang changelog para sa mga bersyon sa hanay na 0.98 at 0.105 upang malaman kung ano ang maaaring maging sanhi ng mga ito.
Kung gumagamit ka ng Typescript para sa pag-type-check ng iyong code, maaari mo talagang alisin ang .flowconfig file at ang flow bin dependency at huwag pansinin ang kaunting pagkakaiba.
Kung hindi ka gumagamit ng type checker, iminumungkahi na maaari mong tingnan ang paggamit ng isa. Ang alinmang pagpipilian ay gagana, gayunpaman, inirerekumenda na gumamit ng Typescript.