はてなブックマーク

Astroのウェブサイトを アイランドアーキテクチャ / パーシャルハイドレーション で構築する際に、 「コンポーネント間で状態を共有したい」 という問題に直面することがあります。 ReactやVueなどのUIフレームワークは、他のコンポーネントなどの 「コンテキスト」プロバイダー の利用を奨励する場合があります。 ただし、AstroやMarkdown内で コンポーネントを部分的にハイドレート する場合、これらのコンテキスト ラッパーを使用することはできません。 Astroは、クライアント側の共有ストレージに別のソリューション (Nano Stores) を推奨しています。 Nano Storesライブラリを使用すると、任意のコンポーネントが相互作用できるストアを作成できます。 Nano Storesを推奨する理由は次の通りです。 軽量です。 Nano Storesは必要最低限のJS（1K

Astroは、アイランド（Islands）と呼ばれるフロントエンドアーキテクチャを開拓し、普及させました。アイランドアーキテクチャは、モノリシックなJavaScriptのパターンを避け、ページから不要なJavaScriptをすべて自動的に削除することで、フロントエンドのパフォーマンスを向上させます。開発者は、Astroと一緒にお気に入りのUIコンポーネントやフレームワークを使い続けながらも、なおこうしたメリットを得られます。 「コンポーネントアイランド」という用語は、EtsyのフロントエンドアーキテクトであるKatie Sylor-Millerによって2019年に作られました。その後このアイデアは拡張され、Preactの作者であるJason Millerによる2020年8月11日のこの記事によって文書化されました。 「アイランド」アーキテクチャの基本的な考え方は驚くほどシンプルです。サーバ