La mise à jour React Native 0.61 apporte une nouvelle fonctionnalité majeure qui améliore l'expérience de développement.
Caractéristiques de React Native 0.61
Dans React Native 0.61, nous regroupons les fonctionnalités actuelles de « rechargement en direct » (rechargement lors de la sauvegarde) et de « rechargement à chaud » en une seule nouvelle fonctionnalité appelée « Actualisation rapide ». Fast Refresh repose sur les principes suivants :
- Actualisation rapide prend entièrement en charge React actuel, y compris les composants fonctionnels et les Hooks.
- Fast Refresh récupère après des fautes de frappe et différents faux pas et revient à un rechargement complet si nécessaire.
- Fast Refresh n'effectue pas de modifications de code invasives, il est donc suffisamment fiable pour être activé par défaut.
Actualisation rapide
Réagir Native il y a le rechargement en direct et le rechargement à chaud depuis un bon moment maintenant. Le rechargement en direct rechargerait l'ensemble de l'application lorsqu'il détectait un changement de code. Cela ferait perdre votre position actuelle dans l'application, mais garantirait que le code n'est pas dans un état cassé. Le rechargement à chaud tenterait de « réparer » simplement les progressions que vous avez réalisées. Cela peut être fait sans recharger toute l'application, ce qui vous permet de voir vos progressions beaucoup plus rapidement.
Le rechargement à chaud sonnait bien, cependant, il était assez bogué et ne fonctionnait pas avec les fonctionnalités actuelles de React comme les composants fonctionnels avec des hooks.
Le groupe React Native a refait ces deux fonctionnalités et les a combinées dans la nouvelle fonctionnalité Fast Reload. Il est activé par défaut et fera ce qui pourrait être comparé à un rechargement à chaud lorsque cela est possible, en revenant à un rechargement complet si ce n'est définitivement pas le cas.
Mise à niveau vers React Native 0.61
De même, avec toutes les mises à niveau de React Native, il est suggéré de jeter un œil aux différences des projets récemment réalisés et d'appliquer ces modifications à votre propre projet.
Mettre à jour les versions de dépendance
La première étape consiste à mettre à niveau les conditions dans votre package.json et à les introduire. N'oubliez pas que chaque version de React Native est attachée à une version particulière de React, alors assurez-vous de la mettre également à jour. Vous devez également vous assurer que le moteur de rendu de test de réaction correspond à la version de React. Si vous l'utilisez et mettez à niveau les versions metro-react-native-babel-preset et Babel.
Mise à niveau du flux
Initiale une simple. La version de Flow utilisée par React Native a été actualisée en 0.61. Cela implique que vous devez vous assurer que la dépendance du conteneur de flux dont vous disposez est définie sur ^0.105.0 et que vous avez une valeur similaire dans la [version] de votre fichier .flowconfig.
Si vous utilisez Flow pour la vérification de type dans votre projet, cela peut entraîner des erreurs supplémentaires dans votre propre code. La meilleure suggestion est d'examiner le journal des modifications des versions comprises entre 0.98 et 0.105 pour percevoir ce qui peut en être la cause.
Si vous utilisez Typescript pour vérifier le type de votre code, vous pouvez vraiment éliminer le fichier .flowconfig et la dépendance du flow bin et ignorer cette partie de la différence.
Si vous n'utilisez pas de vérificateur de type, il est suggéré d'envisager d'en utiliser un. Les deux choix fonctionneront, cependant, il est recommandé d’utiliser Typescript.