Recarga en caliente en React Native
Presentaremos los tipos de recarga en React Native y los beneficios y desventajas de la recarga en vivo y en caliente en React Native.
Tipos de recarga en React Native
Los dos tipos de recarga son recarga en vivo
y recarga en caliente
. React Native admite la recarga en vivo y en caliente, aunque son diferentes.
Recarga en vivo en React Native
La recarga en vivo puede compilar y leer nuestros cambios proporcionando un nuevo archivo al simulador que lee automáticamente la aplicación desde el principio.
Recarga en caliente en React Native
Se basa en Hot Module Replacement (HMR). El proceso de recarga en caliente es diferente de la recarga en vivo. Solo lee los cambios realizados por nosotros y recarga el componente donde se realizan. La aplicación no tiene que leer la aplicación desde el principio, pero permanece en el mismo estado.
La principal ventaja de la recarga en caliente radica en la capacidad de la recarga en caliente para sancionar los cambios en el código fuente de una manera que nos permite ver los cambios en el código, incluso si no hemos recompilado toda la aplicación.
Entonces, si tenemos dos o más ventanas abiertas para el código y la pantalla de la aplicación, podemos ver los resultados instantáneamente después de realizar los cambios en el código. La recarga en caliente disminuye drásticamente el tiempo de espera.
Otro beneficio de la recarga en caliente es que si editamos cualquier página a cuatro o cinco navegaciones de distancia, no tenemos que navegar mientras vemos los cambios que hacemos en esa página.
Habilitar la función de recarga en caliente en React Native
Primero, debemos iniciar nuestra aplicación en el dispositivo o el emulador usando el siguiente comando en React Native.
# react native
react-native run-android
Luego, debemos hacer clic en el emulador y presionar CTRL+M o agitar nuestro dispositivo Android en el que se ejecuta la aplicación.
Luego habrá una ventana emergente con una opción para habilitar la recarga en caliente.
Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.
LinkedIn