Rechargement à chaud dans React Native

Nous présenterons les types de rechargement dans React Native et les avantages et inconvénients du rechargement en direct et à chaud dans React Native.

Types de rechargement dans React Native

Les deux types de rechargement sont le live reloading et le hot reloading. React Native prend en charge le rechargement en direct et à chaud, même s’ils sont différents.

Rechargement en direct dans React Native

Le rechargement en direct peut compiler et lire nos modifications en fournissant un nouveau fichier au simulateur qui lit automatiquement l’application depuis le début.

Rechargement à chaud dans React Native

Il est basé sur le remplacement de module à chaud (HMR). Le processus de rechargement à chaud est différent du rechargement en direct. Il ne lit que les modifications que nous avons apportées et recharge le composant là où elles ont été apportées. L’application n’a pas à lire l’application depuis le début, mais elle reste dans le même état.

Le principal avantage du rechargement à chaud réside dans la capacité du rechargement à chaud à sanctionner les changements dans le code source d’une manière qui nous permet de visualiser les changements de code, même si nous n’avons pas recompilé toute l’application.

Donc, si nous avons deux fenêtres ou plus ouvertes pour le code et l’écran de l’application, nous pouvons voir instantanément les résultats après avoir apporté les modifications au code. Le rechargement à chaud réduit considérablement le temps d’attente.

Un autre avantage du rechargement à chaud est que si nous modifions une page à quatre ou cinq navigations, nous n’avons pas à naviguer tout en voyant les modifications que nous apportons à cette page.

Activer la fonctionnalité de rechargement à chaud dans React Native

Tout d’abord, nous devons lancer notre application sur l’appareil ou l’émulateur en utilisant la commande suivante dans React Native.

# react native
react-native run-android

Ensuite, nous devons cliquer sur l’émulateur et appuyer sur CTRL+M ou secouer notre appareil Android sur lequel l’application est en cours d’exécution.

Ensuite, il y aura une fenêtre contextuelle avec une option pour activer le rechargement à chaud.