React Conf 2025 (Día 2)

Continuando con el artículo anterior, este es un resumen de las charlas del segundo día de la conferencia de React 2025.

El segundo día estuvo enfocado principalmente en presentaciones relacionadas con React Native.

Si quieren conocer todo el contenido, les conviene revisar el artículo del enlace.

• Keynote de React Native

  • 100% de crecimiento en las descargas de React Native (4 millones por semana), activación por defecto de la New Architecture en la versión 0.82 y soporte experimental para Hermes V1
  • Se agregaron React Strict DOM y DOM APIs para la convergencia con la web, y se compartieron casos de éxito de Shopify, Starlink y otros
  • Expo SDK 54, mejoras al panel de rendimiento de DevTools y expansión a plataformas futuras con integración nativa en Vega OS

• React Native, Amplified

  • Vega OS de Amazon: sistema operativo basado en Linux con React Native integrado, compatible con dispositivos como Fire TV y con una mejora del 30% en eficiencia de recursos
  • Con React Native for Vega(@amazon-devices/react-native-kepler), se comparten librerías entre apps y se ahorran entre 10 y 12 MB de almacenamiento
  • Vega Developer Tools Public Beta, soporte de portabilidad con Rock y aceleración del desarrollo con herramientas de IA (Amazon Q, Kiro)

• React Strict DOM

  • Para resolver la desconexión entre web y nativo, react-strict-dom: un polyfill de HTML/CSS para construir una sola UI de React ("Learn Once, Write Once")
  • En la app de Facebook VR de Meta, se logró compartir el 60% del código web y mejorar 2.5 veces el rendimiento nativo
  • Futuro: ampliar el soporte de DOM API al 63%, integrar animaciones y estilos multiplataforma, y optimizar el entrenamiento de IA

• Reimagining Lists in React Native

  • Para resolver el problema de Blanking List (el contenido desaparece al hacer scroll), se está experimentando con <VirtualView />; el componente controla la prioridad entre renderizado síncrono y asíncrono
  • Virtual Collections optimiza las listas virtualizadas, separando los modos visible/prerender, con documentación prevista para la versión 0.83
  • Con la New Architecture activada por defecto, se alcanza un rendimiento a nivel de framework de UI móvil, y se solicita feedback de la comunidad

• React Everywhere: Bringing React Into Native Apps

  • Para superar las limitaciones de WebView (peor UX y cuellos de botella de rendimiento), React Native Brownfield permite insertar gradualmente vistas de RN en apps nativas existentes
  • La herramienta rock permite empaquetar apps de RN como bundles AAR/XCFramework, y compartir código universal con react-strict-dom/Nativewind
  • Se maximiza la eficiencia multiplataforma con ownership de un solo equipo y una estrategia de migración de WebView → RN

• How Parcel Bundles React Server Components

  • Soporte para RSC en Parcel v2.14: integración del module graph de servidor y cliente, generación de proxies con la directiva "use client" y automatización del preload
  • Eliminación de Network Waterfalls: dynamic import del servidor con latencia cero, manejo de efectos secundarios de CSS y optimización de code splitting
  • Implementación de RSC independiente del framework en la capa del bundler, con SSR opcional para mejorar rendimiento y flexibilidad

• Designing Page Transitions

  • Animaciones entre páginas renderizadas en servidor con la View Transitions API: opt-in mediante <ViewTransition />, con crossfade por defecto
  • Personalización de dirección y elementos compartidos con Next.js Custom Link, además de motion blur y easing para una UX más pulida
  • Animaciones de imágenes estáticas de alto rendimiento con pseudo-elementos del navegador, simplificando el desarrollo al delegar la coordinación a React

• Build Fast, Deploy Faster—Expo in 2025

  • Expo SDK 54: React Compiler por defecto, integración inmediata de efectos nativos como liquid glass y EAS Build 4 veces más rápido
  • Despliegue en 5 minutos con automatización de EAS Deploy/TestFlight y lanzamiento al App Store con un clic mediante Expo Launch
  • Soporte para CSS nativo (compatible con Tailwind) y demo de AI Copilot creando una app Pokédex en 40 segundos

• The React Router take on RSC

  • Activación de RSC con un plugin de Vite y adopción gradual en apps existentes: conversión de loader → async Server Component
  • Aplicación independiente de RSC por nested routes, simplificación de formularios/actions con Server Actions y cuidado con "use client"
  • Routing y carga de datos type-safe, con soporte híbrido cliente-servidor para mayor flexibilidad full-stack

• RedwoodSDK: Web Standards Meet Full-Stack React

  • Framework de web standards basado en Vite: route functions, interrupters/middleware y optimización para Cloudflare Workers
  • Streaming de RSC con enfoque server-first, WebSockets en tiempo real y soporte desde SSR sin JS → hydration → View Transitions
  • Despliegue con un solo comando mediante release de pnpm e integración con Durable Objects/DB para control completo del documento

• TanStack Start

  • Full-stack client-first: routing y carga de datos type-safe basados en TanStack Router, con SSR opcional
  • Creación de apps con CLI, server functions/middleware, API routes basadas en archivos e integración de add-ons (Prisma/Neon)
  • Mantiene el patrón SPA mientras evoluciona a full-stack, destacando la estabilidad del ecosistema React con desarrollo impulsado por la comunidad

• What's The Framework of the React Future?

  • Debate de panel: tendencias de convergencia entre Next.js (Partial Prerendering), Remix (RSC obligatorio), Expo (universal), TanStack Start (type-safe), etc.
  • Integración de IA/LLM: modelos locales, protocolo MCP y streaming SSR para transformar desarrollo y despliegue
  • Visión de React Foundation: convergencia del meta de frameworks, signals/stores externos y necesidad de control fino del rendimiento

• Async React (continued)

  • Resolución de problemas de apps TODO síncronas: mejora de una UX trabada con Transitions/Suspense/useOptimistic y animaciones con View Transitions
  • Patrón de action props (React 19): manejo automático de transitions/mutations y estado de carga integrado
  • Async React WG: estandarización de router/datos/diseño y arquitectura async declarativa para una UX amigable tanto para IA como para humanos