Actualizarea React Native 0.61 aduce o nouă caracteristică majoră care îmbunătățește experiența de dezvoltare.
Caracteristicile React Native 0.61
În React Native 0.61, legăm împreună evidențele actuale „reîncărcare live” (reîncărcare la salvare) și „reîncărcare la cald” într-o singură funcție nouă numită „Actualizare rapidă”. Fast Refresh constă din următoarele principii:
- Reîmprospătare rapidă acceptă complet curentul React, inclusiv componentele funcționale și Hooks.
- Fast Refresh se recuperează după greșeli de scriere și diferite greșeli și revine la o reîncărcare completă atunci când este necesar.
- Fast Refresh nu efectuează modificări invazive de cod, așa că este suficient de fiabil pentru a fi activat în mod implicit.
Reîmprospătare rapidă
Răspunde Nativ are reîncărcare live și reîncărcare la cald de ceva vreme. Reîncărcarea live ar reîncărca întreaga aplicație atunci când detecta o modificare a codului. Acest lucru ți-ar pierde poziția actuală în cadrul aplicației, totuși, ar garanta că codul nu a fost într-o stare ruptă. Reîncărcarea la cald ar încerca să „repare” pur și simplu progresiile pe care le-ați făcut. Acest lucru se poate face fără a reîncărca întreaga aplicație, permițându-vă să vă vedeți progresiile mult mai rapid.
Reîncărcarea la cald a sunat grozav, totuși, a fost destul de defectuos și nu a funcționat cu funcțiile React actuale, cum ar fi componente funcționale cu cârlige.
Grupul React Native a refăcut ambele funcții și le-a combinat în noua funcție de reîncărcare rapidă. Este activat implicit și va face ceea ce ar putea fi comparat cu o reîncărcare la cald acolo unde este posibil, revenind la o reîncărcare completă dacă cu siguranță nu este.
Actualizarea la React Native 0.61
De asemenea, cu toate upgrade-urile React Native, se recomandă să aruncați o privire asupra diferențelor pentru proiectele realizate recent și să aplicați aceste modificări propriului dvs. proiect.
Actualizați versiunile de dependență
Pasul inițial este să actualizați condițiile din package.json și să le introduceți. Amintiți-vă că fiecare versiune React Native este atașată unei anumite versiuni de React, așa că asigurați-vă că actualizați și aceasta. De asemenea, ar trebui să vă asigurați că redarea-test-reacție se potrivește cu versiunea React. Dacă îl utilizați și asta faceți upgrade la versiunile metro-react-native-babel-preset și Babel.
Flow Upgrade
Inițial unul simplu. Versiunea de Flow pe care o folosește React Native a fost reîmprospătată în 0.61. Acest lucru implică faptul că trebuie să vă asigurați că dependența de container de flux pe care o aveți este setată la ^0.105.0 și că aveți o valoare similară în [versiunea] fișierul dvs. .flowconfig.
Dacă utilizați Flow pentru verificarea tipului în proiectul dvs., acest lucru poate provoca greșeli suplimentare în propriul cod. Cea mai bună sugestie este să investigați jurnalul de modificări pentru versiunile din intervalul 0.98 și 0.105 pentru a percepe ce le poate cauza.
Dacă utilizați Typescript pentru verificarea codului dvs., puteți elimina cu adevărat fișierul .flowconfig și dependența de flow bin și să ignorați acest bit al diferenței.
Dacă nu utilizați un verificator de tip, vă recomandăm să vă gândiți să utilizați unul. Oricare dintre opțiuni va funcționa, totuși, este recomandat să utilizați Typescript.