React Native 0.61 Update tuo merkittävän uuden ominaisuuden, joka parantaa kehityskokemusta.
React Native 0.61:n ominaisuudet
React Native 0.61:ssä yhdistämme nykyiset "live uudelleenlataus" (uudelleenlataus tallennuksen yhteydessä) ja "hot reloading" -kohokohdat yhdeksi uudeksi ominaisuudeksi nimeltä "Fast Refresh". Fast Refresh koostuu seuraavista periaatteista:
- Nopea päivitys tukee täysin nykyistä Reactia, mukaan lukien toimintokomponentit ja koukut.
- Fast Refresh palautuu kirjoitusvirheiden ja erilaisten virheiden jälkeen ja palautuu täyteen uudelleenlataukseen tarvittaessa.
- Fast Refresh ei tee invasiivisia koodimuutoksia, joten se on tarpeeksi luotettava ollakseen päällä oletuksena.
Nopea päivitys
React Native on ollut live reloading ja hot reloading jo jonkin aikaa. Live-uudelleenlataus lataa koko sovelluksen uudelleen, kun se havaitsi koodimuutoksen. Tämä menettäisi nykyisen asemasi sovelluksen sisällä, mutta takaa, että koodi ei ole rikki. Hot reloading pyrkisi "korjaamaan" yksinkertaisesti tekemäsi edistysaskeleet. Tämä voidaan tehdä lataamatta koko sovellusta uudelleen, jolloin näet edistymisesi paljon nopeammin.
Hot-reloading kuulosti hienolta, mutta se oli melko buginen eikä toiminut nykyisten React-ominaisuuksien kanssa, kuten toiminnalliset komponentit koukuilla.
React Native -ryhmä on tehnyt molemmat näistä ominaisuuksista uudelleen ja yhdistänyt ne uudeksi Fast Reload -ominaisuuteen. Se on oletuksena käytössä ja tekee mahdollisuuksien mukaan sen, mitä voitaisiin verrata kuumaan uudelleenlataukseen.
Päivitys React Native -versioon 0.61
Samoin kaikissa React Native -päivityksissä on suositeltavaa, että katsot äskettäin tehtyjen projektien eroa ja otat nämä muutokset käyttöön omassa projektissasi.
Päivitä riippuvuusversiot
Ensimmäinen vaihe on paketin.json-tiedoston ehtojen päivittäminen ja niiden käyttöönotto. Muista, että jokainen React Native -versio on liitetty tiettyyn Reactin versioon, joten varmista, että päivität myös sen. Sinun tulee myös varmistaa, että react-test-renderer vastaa React-versiota. Jos käytät sitä ja päivität metro-react-native-babel-preset- ja Babel-versiot.
Flow-päivitys
Aluksi yksinkertainen. React Nativen käyttämä Flow-versio on päivitetty versioon 0.61. Tämä tarkoittaa, että sinun on varmistettava, että virtaussäiliöriippuvuutesi on ^0.105.0 ja että sinulla on samanlainen arvo .flowconfig-tiedostossasi [versiossa].
Jos käytät Flow'ta projektin tyypintarkistukseen, tämä voi aiheuttaa ylimääräisiä virheitä omassa koodissasi. Paras ehdotus on, että tutkit muutoslokia versioille välillä 0.98 ja 0.105 havaitaksesi, mikä saattaa aiheuttaa ne.
Jos käytät Typescriptiä koodin tyyppitarkistukseen, voit todellakin poistaa .flowconfig-tiedoston ja kulkusäiliön riippuvuuden ja jättää huomiotta tämän eron.
Jos et käytä tyyppitarkistusta, kannattaa harkita sellaisen käyttöä. Kumpi tahansa vaihtoehto toimii, mutta on suositeltavaa käyttää Typescriptiä.