Quelle est la différence entre le rechargement à chaud et le rechargement en direct dans React Native?


311

Je suis un peu confus ici. Lorsque je débogue une application native React, j'active généralement le rechargement à chaud et le rechargement en direct . Je veux savoir quelle est la différence entre eux?

Réponses:


496

Le rechargement en direct recharge ou actualise l'application entière lorsqu'un fichier change. Par exemple, si vous étiez quatre liens profondément dans votre navigation et avez enregistré une modification, le rechargement en direct redémarrerait l'application et la rechargerait sur l'itinéraire initial.

Le rechargement à chaud n'actualise que les fichiers modifiés sans perdre l'état de l'application. Par exemple, si vous étiez quatre liens profondément dans votre navigation et avez enregistré une modification de style, l'état ne changerait pas, mais les nouveaux styles apparaîtraient sur la page sans avoir à revenir à la page sur laquelle vous vous trouvez parce que vous être sur la même page.


5
Cette vidéo du site Web de RN pourrait également aider. youtu.be/2uQzVi-KFuc
Ekundayo Blessing Funminiyi

8
Pourquoi quelqu'un préférerait-il le rechargement en direct au rechargement à chaud? Y a-t-il un avantage à recharger en direct?
Jan

Exemple de rechargement à chaud en React Native . Cette méthode permet d'afficher les modifications mises à jour dans l'interface utilisateur.
sumit kumar pradhan

Peut-on faire les deux à Kotlin? Si oui, pouvez-vous me diriger vers une ressource décente? Paix!
monkSinha

3
@Jan oui, le rechargement à chaud est généralement préférable au rechargement en direct. Cependant, le rechargement à chaud est plus complexe à implémenter et n'est parfois pas aussi fiable que le rechargement en direct.
Jason Axelson

15

Les deux peuvent être activés à l'aide de CMD+D / CMD+CTRL+Z / Shake Gesture menu. Les deux utilisent Watchman pour écouter les modifications du fichier.

Le rechargement en direct recharge l'ensemble de l'application.

L'idée derrière le rechargement à chaud est de maintenir l'application en cours d'exécution et d'injecter de nouvelles versions des fichiers que vous avez modifiés lors de l'exécution. De cette façon, vous ne perdez rien de votre état, ce qui est particulièrement utile si vous modifiez l'interface utilisateur. Il ne recharge donc que la page que vous modifiez plus d'infos ici


2

Lors du développement de l'application React-Native, vous devez afficher vos modifications de code et pour afficher les modifications de code, il existe deux options dans React-Native.

  1. Rechargement à chaud

    Le rechargement à chaud affiche simplement les modifications de code en fonction des nouvelles modifications de code sans redémarrer l'application depuis le début et il n'affecte que le code modifié.

  2. Recharger en direct

    Parfois, nous pourrions avoir besoin de Live Reload pour tester notre code comme la navigation, donc Live Reload est utile dans ce cas, donc il rechargera toute l'application en cas de modification du code.


0

Le rechargement à chaud affiche simplement les modifications de code en fonction des nouvelles modifications de code sans redémarrer l'application depuis le début et il n'affecte que le code modifié. mais son bon quand juste dénommer les composants en ajoutant / changeant le code JS il crée des problèmes. Pour que le rechargement en direct ou le rr fonctionne bien

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.