¿Cuál es la diferencia entre Hot Reloading y Live Reloading en React Native?

311

Estoy un poco confundido aquí. Cuando estoy depuración de un Reaccionar aplicación nativa, por lo general permitirá a ambas caliente Recarga y vivo recarga . Quiero saber cuál es la diferencia entre ellos?

javascript mobile react-native Raman Choudhary
fuente

Respuestas:

496

La recarga en vivo recarga o actualiza toda la aplicación cuando cambia un archivo. Por ejemplo, si tuviera cuatro enlaces profundos en su navegación y guardara un cambio, la recarga en vivo reiniciaría la aplicación y la volvería a cargar en la ruta inicial.

La recarga en caliente solo actualiza los archivos que se modificaron sin perder el estado de la aplicación. Por ejemplo, si tuviera cuatro enlaces profundos en su navegación y guardara un cambio en algún estilo, el estado no cambiaría, pero los nuevos estilos aparecerían en la página sin tener que volver a la página en la que se encuentra porque aún estar en la misma página

Nader Dabit
fuente
55
Este video del sitio web de RN también podría ayudar. youtu.be/2uQzVi-KFuc
Ekundayo Blessing Funminiyi
8
¿Por qué alguien preferiría la recarga en vivo sobre la recarga en caliente? ¿Hay algún beneficio para la recarga en vivo?
Jan
Ejemplo de recarga en caliente en react native . Este método ayuda a mostrar cambios actualizados en la interfaz de usuario.
sumit kumar pradhan
¿Se pueden hacer ambas cosas en Kotlin? Si es así, ¿puede dirigirme a un recurso decente? ¡Paz!
monkSinha
3
@ Jan sí, generalmente la recarga en caliente es preferible a la recarga en vivo. Sin embargo, la recarga en caliente es más compleja de implementar y, a veces, no es tan confiable como la recarga en vivo.
Jason Axelson
15

Ambos se pueden habilitar usando CMD+D / CMD+CTRL+Z / Shake Gesture menu. Ambos están usando watchman para escuchar los cambios del archivo.

La recarga en vivo vuelve a cargar toda la aplicación.

La idea detrás de la recarga en caliente es mantener la aplicación en ejecución e inyectar nuevas versiones de los archivos que editó en tiempo de ejecución. De esta manera, no pierde nada de su estado, lo que es especialmente útil si está modificando la interfaz de usuario. Así que solo vuelve a cargar la página en la que cambias más información aquí

TheCodeTalker
fuente
2

Mientras desarrolla la aplicación React-Native, debe ver los cambios en su código y para verlos hay dos opciones en React-Native.

  1. Recarga en caliente

    La recarga en caliente solo muestra los cambios en el código de acuerdo con los nuevos cambios en el código sin reiniciar la aplicación desde el inicio y solo afecta al código cambiado.

  2. Recarga en vivo

    A veces es posible que necesitemos Live Reload para probar nuestro código, como la navegación, por lo que Live reload es útil en ese caso, por lo que volverá a cargar toda la aplicación al cambiar el código.

Waheed Akhtar
fuente
0

La recarga en caliente solo muestra los cambios en el código de acuerdo con los nuevos cambios en el código sin reiniciar la aplicación desde el inicio y solo afecta al código cambiado. pero es bueno solo al diseñar los componentes al agregar / cambiar el código JS, crea problemas. Para eso Live reload or rr funciona bien


fuente