Diferencia entre recarga en caliente y actualización rápida en react-native

9

En versiones anteriores a 0.61 de react-native para reflejar los cambios de código, tenemos dos opciones como.

  1. Live Reload (Recarga la aplicación cuando detecta algunos cambios)
  2. Recarga en caliente (refleje los cambios sin volver a cargar)

pero en la versión 0.61 , se ha introducido una nueva característica de desarrollador llamada Actualización rápida que también funciona de manera similar a Hot Reload, por lo que ahora la pregunta es cuál es la diferencia fundamental entre Fast refresh y Hot Reload .

Waheed Akhtar
fuente

Respuestas:

9

La función de "recarga en caliente" estaba rota. No funcionó de manera confiable para los componentes de la función, a menudo no pudo actualizar la pantalla y no fue resistente a errores tipográficos y errores. Escucharon que la mayoría de la gente lo apagó porque era demasiado poco confiable.

En React Native 0.61, están unificando las funciones existentes de "recarga en vivo" (recarga al guardar) y "recarga en caliente" en una nueva característica llamada "Actualización rápida". La actualización rápida se implementó desde cero con los siguientes principios:

  • Fast Refresh es totalmente compatible con React moderna, incluidos componentes de función y ganchos.
  • La actualización rápida se recupera con gracia después de errores tipográficos y otros errores, y vuelve a una recarga completa cuando es necesario.
  • La actualización rápida no realiza transformaciones de código invasivas, por lo que es lo suficientemente confiable como para estar activada de forma predeterminada.

Leer más de los documentos oficiales

abhikumar22
fuente
1

la actualización rápida es mayor cuando cambiamos el componente, por ejemplo, el estilo. solo cargará la aplicación en la página actual. La mayoría de las ediciones deben ser visibles en un segundo o dos.

la recarga en caliente es mantener la aplicación en funcionamiento e inyectar nuevas versiones de los archivos que editó en tiempo de ejecución

para la actualización rápida Si editamos un módulo que solo exporta React componentes, Fast Refresh actualizará el código solo para ese módulo y volverá a representar su componente.
Si editamos un módulo con exportaciones que no son componentes React, Fast Refresh volverá a ejecutar tanto ese módulo como los demás módulos que lo importen.

si editamos un archivo importado por módulos fuera del árbol React, Fast Refresh volverá a realizar una recarga completa

en pocas palabras, es mejor y más lleno que la recarga en caliente

Lenoarod
fuente