Reacciona o nativo

React Native 0.61 Update trae unha nova función importante que mellora a experiencia de desenvolvemento.

 

Características de React Native 0.61

En React Native 0.61, unimos os elementos destacados actuais de "recarga en directo" (recarga ao gardar) e "recarga en quente" nunha única función nova chamada "Actualización rápida". A actualización rápida consta dos seguintes principios:

 

  1. Actualización rápida admite completamente React actual, incluíndo compoñentes de funcións e Hooks.
  2. Fast Refresh recupera despois de erros tipográficos e diferentes pasos en falso e volve a recargar completamente cando sexa necesario.
  3. A actualización rápida non realiza cambios de código invasivos polo que é o suficientemente fiable como para estar activado por defecto.

 

Actualización rápida

Reacciona o nativo tivo recarga en directo e recarga en quente desde hai un tempo. A recarga en directo recargaría toda a aplicación cando detectase un cambio de código. Isto perdería a súa posición actual dentro da aplicación, non obstante, garantiría que o código non estaba en estado roto. A recarga en quente tentaría "arranxar" simplemente as progresións que fixeches. Isto pódese facer sen recargar toda a aplicación, o que lle permite ver as súas progresións moito máis rápido.

A recarga en quente soaba moi ben, non obstante, tiña bastantes erros e non funcionaba coas funcións actuais de React como compoñentes funcionais con ganchos.

O grupo React Native refixou estas dúas funcións e combinounas na nova función de recarga rápida. Está activado por defecto e fará o que se pode comparar cunha recarga en quente sempre que sexa posible, volvendo a unha recarga completa se definitivamente non o é.

 

Actualizando a React Native 0.61

Do mesmo xeito, con todas as actualizacións de React Native, suxírese que mire as diferenzas dos proxectos feitos recentemente e aplique estes cambios ao seu propio proxecto.

 

Actualiza as versións de dependencia

O paso inicial é actualizar as condicións no seu package.json e introducilas. Lembra que cada versión nativa de React está anexada a unha versión concreta de React, así que asegúrate de actualizala tamén. Tamén debes asegurarte de que o renderizador de proba de reacción coincida coa versión de React. Se o usas e que actualizas as versións metro-react-native-babel-preset e Babel.

 

Actualización de fluxo

Inicial simple. A versión de Flow que usa React Native actualizouse na 0.61. Isto implica que tes que asegurarte de que a dependencia do contedor de fluxo que tes está configurada en ^0.105.0 e que tes un valor similar na [versión] do teu ficheiro .flowconfig.

Se estás a usar Flow para a verificación de tipos no teu proxecto, isto pode provocar erros adicionais no teu propio código. A mellor suxestión é que investigue o rexistro de cambios para as versións no rango de 0.98 e 0.105 para percibir o que pode estar causando.

Se estás a usar Typescript para verificar o teu código, realmente podes eliminar o ficheiro .flowconfig e a dependencia do flow bin e ignorar este bit da diferenza.

Se non está a usar un comprobador de tipos, suxírese que poida buscar usar un. Calquera opción funcionará, non obstante, recoméndase usar Typescript.