React Native 0.61 Update donosi veliku novu funkciju koja poboljšava iskustvo razvoja.
Karakteristike React Native 0.61
U React Native 0.61, povezujemo trenutne “ponovno učitavanje uživo” (ponovno učitavanje pri spremanju) i “hot reloading” naglašava u jednu novu funkciju pod nazivom “Fast Refresh”. Fast Refresh se sastoji od sljedećih principa:
- Fast Refresh u potpunosti podržava trenutni React, uključujući funkcionalne komponente i Hooks.
- Fast Refresh se oporavlja nakon grešaka u kucanju i različitih pogrešnih koraka i vraća se na potpuno ponovno učitavanje kada je to potrebno.
- Brzo osvježavanje ne vrši invazivne promjene koda tako da je dovoljno pouzdano da bude uključeno po defaultu.
Fast Refresh
React Native već duže vrijeme ima live reloading i hot reloading. Ponovno učitavanje uživo bi ponovo učitalo cijelu aplikaciju kada bi otkrila promjenu koda. Ovo bi izgubilo vašu sadašnju poziciju unutar aplikacije, međutim, garantovalo bi da kod nije u pokvarenom stanju. Vruće ponovno punjenje bi nastojalo jednostavno "popraviti" napredak koji ste napravili. Ovo se može učiniti bez ponovnog učitavanja cijele aplikacije, što vam omogućava da vidite svoj napredak mnogo brže.
Vruće ponovno učitavanje zvučalo je sjajno, međutim, bilo je dosta grešaka i nije radilo sa trenutnim React funkcijama kao što su funkcionalne komponente sa kukicama.
React Native grupa je preradila obje ove funkcije i kombinirala ih u novu funkciju Fast Reload. Podrazumevano je omogućen i radiće ono što bi se moglo uporediti sa vrućim ponovnim učitavanjem gde je to moguće, vraćajući se na potpuno ponovno učitavanje ako definitivno nije.
Nadogradnja na React Native 0.61
Isto tako, sa svim React Native nadogradnjama, predlaže se da pogledate diff za nedavno napravljene projekte i primijenite ove promjene na svoj projekt.
Ažurirajte verzije zavisnosti
Prvi korak je da nadogradite uslove u vašem package.json i uvedete ih. Imajte na umu da je svaka React Native verzija povezana s određenom verzijom Reacta, pa se pobrinite da i nju ažurirate. Također biste trebali osigurati da react-test-renderer odgovara React verziji. Ako ga koristite i to nadogradite metro-react-native-babel-preset i Babel verzije.
Flow Upgrade
Početni jednostavan. Verzija Flow-a koju koristi React Native je osvježena u 0.61. Ovo implicira da morate osigurati da je ovisnost o kontejneru toka koju imate postavljena na ^0.105.0 i da imate sličnu vrijednost u [verziji] vašoj .flowconfig datoteci.
Ako koristite Flow za provjeru tipa u svom projektu, to može izazvati dodatne greške u vašem vlastitom kodu. Najbolji prijedlog je da istražite dnevnik promjena za verzije u rasponu od 0.98 i 0.105 kako biste uočili šta ih može uzrokovati.
Ako koristite Typescript za provjeru tipa vašeg koda, zaista možete eliminirati datoteku .flowconfig i ovisnost flow bin i zanemariti ovaj bit diff.
Ako ne koristite provjeru tipa, predlažemo da je možete pogledati. Bilo koji izbor će raditi, međutim, preporučljivo je koristiti Typescript.