Astro 3.4 ya está disponible e incluye soporte para parciales de página, un nuevo dev overlay experimental, y más.
Para aprovechar las últimas características, asegúrate de estar ejecutando la última versión de Astro. Puedes actualizar a Astro 3.4 ejecutando el comando de actualización para tu gestor de paquetes preferido:
npm install astro@latestpnpm upgrade astro --latestyarn upgrade astro --latestParciales de Página
Ahora un componente de página puede identificarse como una página partial, lo cual renderizará su contenido HTML sin incluir una declaración <!DOCTYPE html> ni ningún contenido de <head>.
Los parciales se usan mejor junto con una librería de renderizado, como htmx o Stimulus, que está construida en torno a la obtención de fragmentos HTML.
Puedes marcar cualquier página como parcial configurando la opción partial en el frontmatter del componente.
---export const partial = true;---<li>This is a single list item.</li>Esto resultará en la siguiente salida HTML:
<li>This is a single list item.</li>Los archivos .astro así como cualquier otro tipo de archivo de página que pueda exportar un valor (ej. .mdx) pueden marcarse como parciales.
Lee más sobre parciales de página en nuestra documentación, y revisa este ejemplo de TodoMVC usando parciales de página de Astro y htmx.
Rendimiento del Componente Image
Astro ahora genera imágenes optimizadas concurrentemente en tiempo de compilación para sitios estáticos, lo que puede acelerar significativamente los tiempos de compilación para sitios con muchas imágenes.
Además, Astro ahora reutilizará el mismo buffer para todas las variantes de una imagen. Esto debería mejorar el rendimiento para sitios web con muchas variantes de la misma imagen, especialmente cuando se usan imágenes remotas.
No se requieren cambios en el código para aprovechar estas mejoras.
Dev Overlay (experimental)
Un nuevo dev overlay experimental está disponible en 3.4 que te permite inspeccionar las islas de tu página, ver auditorías útiles sobre rendimiento y accesibilidad, y más. También se incluye una Dev Overlay Plugin API para permitirte añadir nuevas características e integraciones de terceros a él.
Este lanzamiento se centra en la API de plugins para que los autores de integraciones puedan empezar a probarla y proporcionar feedback. Las características integradas son limitadas por el momento, ¡pero estad atentos a capacidades ampliadas en próximos lanzamientos!
Puedes habilitar el acceso al dev overlay y su API añadiendo la siguiente bandera a tu configuración de Astro:
export default { experimental: { devOverlay: true }};Lee la documentación de la Dev Overlay Plugin API para obtener información sobre cómo construir tus propios plugins para integrarlos con el dev overlay de Astro.
Corrección de Bugs
Se incluyen correcciones de bugs adicionales en este lanzamiento. Consulta las notas del lanzamiento para saber más.