Saltar al contenido

¡React Native 0.78 ya está aquí!

Esta es la primera entrada de la nueva sección React Native en mi blog, aunque llevo varios años desarrollando aplicaciones con esta solución, si desarrollas apps con React Native, esta actualización te va a interesar. La versión 0.78 llega con mejoras en rendimiento, integración con React 19, opciones que vuelven para depuración, soporte mejorado en Android e iOS, y un enfoque en actualizaciones más estables.

Aquí te cuento en detalle cada novedad.

✅ 1. React 19 integrado

React Native 0.78 incorpora React 19, lo que trae consigo nuevas funcionalidades y optimizaciones clave para el desarrollo de aplicaciones:

  • Acciones (useActionState y useOptimistic) → Facilitan la gestión de estados asincrónicos, ideal para mejorar la experiencia del usuario en interacciones como formularios.
  • Nuevo hook use → Permite acceder a datos de manera más simple dentro de los componentes.
  • ref como propiedad → Ahora puedes pasar referencias (ref) como una prop en componentes, lo que flexibiliza el control de elementos en la UI.
  • Mejor rendimiento en la renderización → React 19 optimiza el manejo de actualizaciones y re-renderizados, haciendo que las apps sean más eficientes.

Si ya usas React en tus proyectos web, ahora puedes aprovechar estas mejoras también en tus apps móviles.

✅ 2. Lanzamientos más pequeños y rápidos

Antes, cada nueva versión de React Native podía traer cambios disruptivos y difíciles de manejar. Ahora, el equipo ha optimizado el ciclo de lanzamientos para que las actualizaciones sean más frecuentes y estables.

Esto significa:

  • Menos cambios grandes en cada versión.
  • Más estabilidad en cada actualización.
  • Corrección de errores más rápida.

Esto hace que mantener tus proyectos actualizados sea más sencillo y menos propenso a generar conflictos con librerías de terceros.

✅ 3. Registros de JavaScript en Metro (Depuración mejorada)

Uno de los problemas recientes en React Native fue la eliminación de la transmisión de logs de JavaScript a través de Metro, el servidor de desarrollo. Muchos desarrolladores solicitaron que se restaurara esta funcionalidad, y ahora es posible volver a activarla con el flag:

shCopiarEditarnpx react-native start --client-logs

Esto facilita mucho la depuración de errores, ya que los logs se envían correctamente al terminal sin necesidad de herramientas externas.

✅ 4. Soporte para XML Drawables en Android

Ahora puedes cargar imágenes en Android usando vector drawables en formato XML.

📌 ¿Qué significa esto?
Antes, al trabajar con imágenes en Android, muchas veces era necesario usar archivos .png o .jpg, lo que podía generar problemas de escalado y rendimiento. Ahora puedes usar archivos XML como recursos gráficos, lo que permite:

  • Mayor calidad en íconos y gráficos sin pérdida de resolución.
  • Menor tamaño de aplicación, ya que no necesitas múltiples versiones del mismo ícono en diferentes tamaños.
  • Compatibilidad con el componente Image de React Native.

Esta es una excelente mejora para el rendimiento y la flexibilidad del diseño en apps Android.

✅ 5. Mejor integración en iOS con RCTReactNativeFactory

Si trabajas con React Native en iOS, ahora la nueva clase RCTReactNativeFactory hace que sea mucho más fácil integrar React Native en una app existente.

¿Por qué es útil?
Antes, para agregar React Native en un proyecto de iOS, era necesario modificar el AppDelegate, lo que a veces generaba conflictos con proyectos nativos. Con esta nueva API:

  • Puedes crear instancias de React Native sin modificar la estructura principal del proyecto.
  • Es más fácil integrar vistas en Swift o UIKit con React Native.
  • Mejora la compatibilidad con nuevas versiones de Xcode y iOS.

Si trabajas en una app que usa partes en Swift y otras en React Native, esta mejora te facilitará la vida.

¿Cómo actualizar a React Native 0.78?

Si ya tienes un proyecto en React Native, puedes actualizar siguiendo estos pasos:

1️⃣ Revisa los cambios en tu versión actual con la herramienta React Native Upgrade Helper.
2️⃣ Sigue la guía de actualización oficial en React Native Docs.
3️⃣ Prueba la nueva versión en un entorno de desarrollo antes de aplicarla en producción.

💡 Consejo: Si usas muchas librerías externas, revisa si ya son compatibles con React Native 0.78 antes de actualizar, te podrá ahorrar algunos calentamientos de cabeza.

¿Ya probaste esta versión? ¿Qué te ha parecido? ¡Déjame un comentario!

Happy Code!