React 19, la última versión de Meta’s javascript biblioteca para renderizar interfaces de usuario, ahora está disponible en versión beta. La actualización introduce características como funciones asíncronas en transiciones y la capacidad de acceder ref
como apoyo para componentes funcionales.
El reaccionar 19 beta fue presentado el 25 de abril. Guía de actualización beta de React 19 ha sido publicado.
React 19 agrega soporte para el uso de funciones asíncronas en transiciones para manejar estados pendientes, formularios, errores y actualizaciones optimistas automáticamente. Las funciones que utilizan transiciones asíncronas se denominan Acciones. Al basarse en Acciones, React 19 presenta useOptimistic
para gestionar actualizaciones optimistas y un nuevo gancho, React.useActionState
, para manejar casos comunes de Acciones. Las acciones también se integran con nuevas <form>
características para react-dom
en Reaccionar 19.
React 19 incluye todas las funciones de React Server Components del canal Canary, lo que significa que las bibliotecas que se envían con Server Components ahora pueden apuntar a React 19 como una dependencia de pares con react-server
condición de exportación para su uso en marcos que soportan la Arquitectura de reacción de pila completa.
Otras mejoras en React 19:
- Una nueva API para leer recursos en render, llamada
use
es presentado. - Se ha mejorado el informe de errores para errores de hidratación en
react-dom
. - Los scripts asíncronos ofrecen un mejor soporte; se pueden representar en cualquier lugar de un árbol de componentes.
- Se ofrecen API para cargar y precargar recursos del navegador para crear experiencias que no se vean restringidas por una carga de recursos ineficiente.
- La hidratación se ha mejorado para tener en cuenta scripts de terceros y extensiones de navegador.
- Se ha mejorado el manejo de errores para eliminar la duplicación y brindar opciones para manejar errores detectados y no detectados.
- Se está agregando soporte para representar etiquetas de metadatos de documentos en componentes de forma nativa.
<Context>
se puede representar como proveedor en lugar de<Context.Provider>
.- Las funciones de limpieza se pueden devolver desde
ref
devoluciones de llamada. - Un
initialValue
La opción ha sido agregada auseDeferredValue
.
Copyright © 2024 IDG Communications, Inc.