Inicio / Artículos / Lo que se lanzó fue React 19.2, no React 20.

Lo que se lanzó fue React 19.2, no React 20.

Todavía no existe React 20. React 19.2 añade useEffectEvent, Activity, mejores seguimientos en los DevTools y un Suspense más fluido; merece la pena actualizar ahora.

564 palabras

El tráfico de búsquedas relacionado con “React 20” es intenso, pero la información sobre su lanzamiento es más práctica que los rumores sobre una nueva versión principal.

Todavía no existe una versión de React 20. Lo que realmente se lanzó fue React 19.2, y los cambios son lo suficientemente significativos como para que la gente asuma razonablemente que debe haber habido un salto importante en la versión.

Qué se incluyó realmente en 19.2

useEffectEvent brinda a los efectos una forma estable de leer las propiedades y el estado más recientes sin tener que incluir esos valores en la lista de dependencias (se gestionó bajo el problema #22646). La antigua solución de almacenar valores en useRef para evitar cierres obsoletos ya no es necesaria con este enfoque.

// before: ref juggling to avoid stale closures
const onScrollEvent = useEffectEvent((currentTheme) => {
  logScrollPosition(currentTheme);
});

useEffect(() => {
  const handler = () => onScrollEvent(theme);
  window.addEventListener('scroll', handler);
  return () => window.removeEventListener('scroll', handler);
}, []); // theme intentionally left out — useEffectEvent handles it

Activity mantiene el estado de un componente activo mientras lo oculta del DOM. Esto es útil para pestañas, rutas fuera de la pantalla y listas donde la posición de desplazamiento debe persistir al salir y volver.

Chrome DevTools ahora muestra de forma nativa las fases de renderizado y confirmación de React dentro de las secciones de rendimiento de React. Puedes ver qué tareas retrasaron la actualización de un frame sin tener que adivinar basándote únicamente en análisis generales.

Suspense también ha mejorado: los límites anidados generan menos sorpresas durante la transición, y las transiciones de respaldo resultan más fluidas cuando el contenido se carga gradualmente.

Por qué esto es más que un número de versión

La experiencia diaria del desarrollador sigue siendo la prioridad en el plan de desarrollo: las funcionalidades que adoptan los equipos solucionan problemas concretos sin forzar la adopción de un modelo mental completamente nuevo para React. — Resumen del informe State of React 2026

Ese enfoque coincide con la dirección actual del proyecto. React no busca simplemente un distintivo llamativo para su versión 20; está cerrando las deficiencias cotidianas: cierres obsoletos en Effects, puntos ciegos en DevTools y pérdida de estado de la interfaz cuando una pantalla está temporalmente fuera de vista.

Qué hacer realmente ahora mismo

  • Actualícese a 19.2 si aún está en 19.0; esta versión está diseñada para mantener la compatibilidad retroactiva.
  • Sustituya los trucos basados en referencias de Effect por useEffectEvent cuando solo necesite los valores más recientes sin tener que suscribirse nuevamente.
  • Para interfaces de usuario con muchas pestañas o de tipo asistente, pruebe Activity antes de incorporar otra biblioteca de estado únicamente para conservar pantallas ocultas.
  • Use esta versión junto con el React Compiler (estable desde finales de 2025) para reducir la necesidad de usar manualmente useMemo y useCallback, ya que el compilador se encarga ya de la memorización.

Dónde encaja esto dentro del panorama general

Estas actualizaciones complementan perfectamente a los componentes de servidor de Next.js, la inferencia más estricta de TypeScript y el estilo basado en utilidades de Tailwind CSS. La stack completa de JavaScript sigue convergiendo en lugar de dividirse en grupos rivales.

Para obtener información fiable, prefiera el blog oficial de React y la documentación sobre versionado de React en lugar de resúmenes secundarios sobre “React 20”. La documentación oficial refleja con mayor precisión lo que realmente se lanza.

En resumen: el ciclo de promoción superó al ciclo de lanzamientos. React 19.2 ya merece ser adoptado gracias a las mejoras concretas en Effect, Activity, DevTools y Suspense. Manténgase cerca de la fuente, actualícese cuando sea adecuado para su aplicación y estará listo cuando aparezca una verdadera versión mayor.

Lecturas relacionadas