Recarga en caliente en React Native

Rana Hasnain Khan 18 abril 2022
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 Hasnain Khan avatar Rana Hasnain Khan avatar

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

Artículo relacionado - React Native