L'aggiornamento React Native 0.61 apporta una nuova importante funzionalità che migliora l'esperienza di sviluppo.
Caratteristiche di React Native 0.61
In React Native 0.61, stiamo unendo insieme gli attuali punti salienti del "ricaricamento live" (ricaricamento al salvataggio) e del "ricaricamento a caldo" in un'unica nuova funzionalità chiamata "Fast Refresh". L'aggiornamento rapido si basa sui seguenti principi:
- Aggiornamento veloce supporta completamente l'attuale React, inclusi componenti funzionali e Hooks.
- L'aggiornamento rapido ripristina dopo errori di battitura e diversi passi falsi e torna alla ricarica completa quando necessario.
- L'aggiornamento rapido non esegue modifiche invasive al codice, quindi è sufficientemente affidabile da essere attivo per impostazione predefinita.
Aggiornamento veloce
React Native ha avuto la ricarica dal vivo e la ricarica a caldo ormai da un bel po'. Il ricaricamento in tempo reale ricaricherà l'intera applicazione quando rileverà una modifica al codice. Ciò perderebbe la tua posizione attuale all'interno dell'applicazione, tuttavia garantirebbe che il codice non sia in uno stato danneggiato. La ricarica a caldo cercherà di "aggiustare" semplicemente le progressioni che hai fatto. Questo può essere fatto senza ricaricare l'intera applicazione, permettendoti di vedere i tuoi progressi molto più rapidamente.
Il ricaricamento a caldo sembrava fantastico, tuttavia, era piuttosto difettoso e non funzionava con le attuali funzionalità di React come i componenti funzionali con ganci.
Il gruppo React Native ha rifatto entrambe queste funzionalità e le ha combinate nella nuova funzionalità Fast Reload. È abilitato per impostazione predefinita e, ove possibile, farà ciò che potrebbe essere paragonato a una ricarica a caldo, tornando a una ricarica completa se sicuramente non lo è.
Aggiornamento a React Native 0.61
Allo stesso modo, con tutti gli aggiornamenti di React Native, ti suggeriamo di dare un'occhiata alle differenze per i progetti realizzati di recente e applicare queste modifiche al tuo progetto.
Aggiorna le versioni delle dipendenze
Il passaggio iniziale consiste nell'aggiornare le condizioni nel pacchetto.json e introdurle. Ricorda che ogni versione di React Native è collegata a una particolare versione di React, quindi assicurati di aggiornare anche quella. Dovresti anche assicurarti che il renderizzatore react-test corrisponda alla versione React. Se lo usi e aggiorni le versioni metro-react-native-babel-preset e Babel.
Aggiornamento del flusso
Iniziale semplice. La versione di Flow utilizzata da React Native è stata aggiornata nella versione 0.61. Ciò implica che devi assicurarti che la dipendenza del contenitore di flusso che hai sia impostata su ^ 0.105.0 e che tu abbia un valore simile nella [versione] del tuo file .flowconfig.
Se utilizzi Flow per il controllo del tipo nel tuo progetto, ciò potrebbe causare ulteriori errori nel tuo codice. Il miglior suggerimento è quello di esaminare il registro delle modifiche per le versioni comprese tra 0.98 e 0.105 per vedere cosa potrebbe causarle.
Se stai utilizzando Typescript per il controllo del tipo del tuo codice, puoi davvero eliminare il file .flowconfig e la dipendenza del contenitore di flusso e ignorare questa parte del diff.
Se non stai utilizzando un controllo del tipo, ti consigliamo di esaminarne uno. Entrambe le scelte funzioneranno, tuttavia, si consiglia di utilizzare Typescript.