Astro 2.10 está disponible con mejoras a nuestro soporte experimental de View transitions. Además, hemos lanzado nuestra primera beta temprana de Astro 3.0. Sigue leyendo para aprender más!
Si ya tienes Astro instalado, puedes actualizarlo a 2.10 ejecutando el comando de actualización en tu proyecto (usando tu gestor de paquetes preferido):
npm install astro@latestpnpm upgrade astro --latestyarn upgrade astro --latestMientras estás en eso, ¡actualiza también cualquier integración y adaptador @astrojs/* que tengas instalado!
UI Persistente en View Transitions
Nuestro primer lanzamiento del router <ViewTransition /> trajo transiciones suaves entre páginas pero todavía causaba que cualquier isla o elemento con estado fuera re-renderizado.
En 2.10, hemos añadido una nueva directiva transition:persist a la API para abordar esto.
Con esta directiva, puedes mantener el estado de elementos e islas DOM de la página anterior al transicionar a la nueva página. Aquí hay una demo en acción.
Por ejemplo, para mantener un video reproduciéndose durante la navegación entre páginas, añade transition:persist al elemento:
<video controls="" autoplay="" transition:persist> <source src="https://ia804502.us.archive.org/33/items/GoldenGa1939_3/GoldenGa1939_3_512kb.mp4" type="video/mp4" /></video>Este elemento <video>, con su estado actual, será movido a la siguiente página (si el video también existe en esa página).
De manera similar, esta característica funciona con cualquier isla de componente de framework del lado del cliente. En este ejemplo, el estado de un contador se preserva y se mueve a la nueva página:
<Counter count={5} client:load transition:persist />Consulta nuestra Guía de View Transitions para aprender más sobre su uso.
Primer Vistazo a Astro 3.0
Hemos lanzado nuestra primera beta de Astro 3.0 como astro@3.0.0-beta.0. Si te sientes aventurero, ¡pruébala hoy! Hasta ahora este lanzamiento contiene principalmente deprecaciones y eliminaciones de patrones muy antiguos. Sin embargo, puedes experimentar algunos problemas de compatibilidad o breaking changes. ¡Ten cuidado, este preview inicial está cambiando rápidamente, justo bajo tus pies!
Algunos cambios destacables incluyen:
- HTML ahora se comprime por defecto.
- Las rutas de API ahora usan nombres de métodos en mayúsculas, por ejemplo:
export function GET() ... - Los adaptadores pueden informar a Astro qué características soportan, como separar entrypoints por página y compatibilidad con Sharp / Squoosh.
Consulta el changelog para una lista completa de los cambios. Actualmente no tenemos documentación para los breaking changes pero estamos trabajando en una guía. A medida que nos acerquemos a 3.0 habrá más información sobre los cambios.
Puedes esperar un release candidate una vez que todos los breaking changes estén completos, y esperamos lanzar el 3.0 estable a finales de agosto / principios de septiembre.
Más
Correcciones de bugs adicionales y características de integración están incluidas en este lanzamiento. Revisa las notas del lanzamiento para aprender más.