Astro 3.4: Page Partials
2023 年 10 月 26 日に Astro 3.4 がリリースされました。
https://astro.build/blog/astro-340/
ページコンポーネントを部分的な HTML として利用できる Page Partials 機能が追加されました。
jsx
// pages/index.astro
<form hx-post="/partials/todos" hx-target="#todo-list" hx-swap="afterbegin">
<input type="text" id="txtTodo" name="todo" />
</form>
<ul id="todo-list"></ul>
// pages/partials/todos.astro
---
export const partial = true;
const formData = await Astro.request.formData();
const todo = formData.get("todo")?.toString();
---
<li>{todo}</li>https://stackblitz.com/edit/withastro-astro-snxhyg?file=src%2Fpages%2Fpartials%2Ftodos.astro
他、Image コンポーネントのパフォーマンス改善、パフォーマンスやアクセシビリティに関する情報を表示してくれる Dev Overlay 機能が実験的に追加されました。