Saltar al contenido
Buscar
Ver todo el radar
Astro 7.3

Astro 7.3.5: nuevo método renderComponent() en el Container API

El Container API suma renderComponent(), que renderiza componentes Astro con sus estilos y scripts inlineados.

renderComponent() con estilos y scripts inlineados

Si usás el Container API experimental, ahora tenés renderComponent() para renderizar un componente Astro incluyendo sus estilos y scripts inline. Para que funcione, tenés que importar el componente con el query string ?container. Esto te permite obtener el HTML resultante como string, con todo lo que el componente necesita para renderizarse correctamente.

javascript
import { experimental_AstroContainer } from "astro/container";
import TodoList from "../components/TodoList.astro?container";
​
const container = await experimental_AstroContainer.create();
​
const _string = container.renderComponent(TodoList);

Qué te llevas

  • Nuevo método renderComponent() en el Container API experimental.

  • Requiere importar el componente con la query string ?container.

  • El resultado incluye estilos y scripts inlineados en el HTML generado.

  • Aplica si ya estás usando el Container API para testing o SSR manual.

Este resumen lo escribimos a partir de las notas oficiales del release. Lo que no estaba ahí, no está acá.

Anuncio original de Astro

¿Quieres una clase de esto?

Si varias personas lo piden, entra al programa. No hace falta dejar mail ni nombre.