La forma más fácil de actualizar React Native a la última versión

He leído muchas historias de terror de personas que han pasado días intentando actualizar React-Native a la última versión. Las pautas oficiales que se mencionan aquí no funcionan en la mayoría de los casos.

A continuación se muestra la forma en que descubrí que después de tantas pruebas y errores era la más fácil.

Existe una herramienta maravillosa llamada rn-diff-purge (no se deje engañar por el nombre, ¿no hará ningún tipo de purga?). Lo que hace esta herramienta es comparar diferentes versiones de react-native y le muestra las diferencias desde el nivel del código fuente. Al ver las diferencias, puede realizar cambios de acuerdo con la compilación. Depende de la cantidad de bibliotecas que esté utilizando, pero la compilación inicial podría tener éxito a la vez o mostrar algunos errores. Entonces puede trabajar en esos errores uno por uno.

He utilizado la herramienta para actualizar react-native tres veces hasta ahora, y me ha llevado de 30 minutos a 1 hora finalizar la actualización.

A continuación, se muestran los pasos que tomo cada vez que decido hacer una actualización:

  • Asegúrese de que su base de código esté en buenas condiciones, lo que significa que ha resuelto todos los problemas conocidos.
  • Asegúrese de haber confirmado todos sus cambios:
git add . git commit -m “Last commit before upgrade to RN version 0.59.0” git push
  • Copie y pegue esto en su navegador: //github.com/pvinis/rn-diff-purge/compare/version/0.58.6..version/0.59.0
  • Realice cambios manualmente de acuerdo con las diferencias que se muestran.
  • Ejecute npm i para actualizar versiones
  • Construya e implemente a través de Android Studio y Xcode

Si no se muestran errores, comience la prueba de la unidad.

Si se muestran algunos errores, es más probable que los errores se deban a las bibliotecas que está utilizando. Si este es el caso, vaya al repositorio de github de la biblioteca que da el error.

Por ejemplo, cuando actualicé React-Native de 0.58.6 a 0.59.0, una biblioteca que usé ("lottie-react-native") me dio algunos errores de compilación en Android Studio. Así que fui a su sitio de github y encontré este problema. Luego seguí las instrucciones mencionadas allí para resolver el problema.

Seguramente encontrará muchos¹ problemas, pero la mayoría de los problemas (si no todos) que he encontrado hasta ahora son causados ​​por las bibliotecas que utilicé, no por React-Native.

Cuando esté satisfecho con todos los cambios, ejecute git diffpara ver los cambios, luego git add .git commit -m "Complete React Native Upgrade"git push.

¡Felicidades! Está listo para usar las últimas funciones proporcionadas por las últimas versiones de React-Native.

Nota: algunos problemas no tienen soluciones inmediatas (que pueden requerir una nueva versión de las bibliotecas). Pero la buena noticia es que todos los problemas tendrán algún tipo de solución. ?