La actualización React Native 0.61 trae una característica nueva importante que mejora la experiencia de desarrollo.
Características de React Native 0.61
En React Native 0.61, estamos uniendo los aspectos destacados actuales de "recarga en vivo" (recarga al guardar) y "recarga en caliente" en una única característica nueva llamada "Actualización rápida". La actualización rápida consta de los siguientes principios:
- Actualización rápida Es completamente compatible con React actual, incluidos los componentes funcionales y Hooks.
- Fast Refresh se recupera después de errores tipográficos y diferentes pasos en falso y vuelve a una recarga completa cuando es necesario.
- Fast Refresh no realiza cambios de código invasivos, por lo que es lo suficientemente confiable como para estar activado de forma predeterminada.
Actualización rápida
Reaccionar nativo ha tenido recarga en vivo y recarga en caliente desde hace bastante tiempo. La recarga en vivo recargaría toda la aplicación cuando detectara un cambio de código. Esto perdería su posición actual dentro de la aplicación; sin embargo, garantizaría que el código no esté roto. La recarga en caliente intentaría "arreglar" simplemente las progresiones que ha realizado. Esto se puede hacer sin recargar toda la aplicación, lo que le permitirá ver sus progresiones mucho más rápido.
La recarga en caliente sonaba genial, sin embargo, tenía bastantes errores y no funcionaba con las características actuales de React, como los componentes funcionales con ganchos.
El grupo React Native rehizo ambas funciones y las combinó en la nueva función Fast Reload. Está habilitado de forma predeterminada y hará lo que podría compararse con una recarga en caliente cuando sea posible, y recurrirá a una recarga completa si definitivamente no lo es.
Actualización a React Native 0.61
Del mismo modo, con todas las actualizaciones de React Native, se sugiere que eche un vistazo a las diferencias de los proyectos realizados recientemente y aplique estos cambios a su propio proyecto.
Actualizar las versiones de dependencia
El paso inicial es actualizar las condiciones en su paquete.json e introducirlas. Recuerde que cada versión de React Native está adjunta a una versión particular de React, así que asegúrese de actualizarla también. También debes asegurarte de que el renderizador de prueba de reacción coincida con la versión de React. Si lo usa y actualiza las versiones metro-react-native-babel-preset y Babel.
Actualización de flujo
Inicialice uno simple. La versión de Flow que usa React Native se actualizó en 0.61. Esto implica que debe asegurarse de que la dependencia del contenedor de flujo que tiene esté configurada en ^0.105.0 y que tenga un valor similar en la [versión] de su archivo .flowconfig.
Si está utilizando Flow para la verificación de tipos en su proyecto, esto puede provocar errores adicionales en su propio código. La mejor sugerencia es que investigues el registro de cambios de las versiones en el rango de 0.98 y 0.105 para percibir qué puede estar causándolos.
Si está utilizando Typecript para verificar su código, realmente puede eliminar el archivo .flowconfig y la dependencia del contenedor de flujo e ignorar esta parte de la diferencia.
Si no está utilizando un verificador de tipos, se sugiere que pueda considerar el uso de uno. Cualquiera de las opciones funcionará; sin embargo, se recomienda utilizar Typecript.