Skip to content
Search
See the whole 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);

What you get

  • 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.

We wrote this summary from the official release notes. What wasn't there isn't here.

Original announcement from Astro

Want a class on this?

If enough people ask for it, it goes on the schedule. No email, no name needed.