Honoでアイランドアーキテクチャを自前実装する

こんにちは。kobakenです。 従来、静的なHTMLをインタラクティブなHTMLにハイドレーションする場合、Next.js, Fresh, HonoX なり、フレームワークにお任せすると思います。 それが正解だと思いつつ、今回、Honoでアイランドアーキテクチャをお試し実装してみた感想を書きます。 わざわざ自前実装をしてみたキッカケは、Honoで小さなアプリケーションを作っている時に、shadcn/uiを利用したくなったのですが、これを動作させるにはハイドレーションが必要になったからです。 この解決のために、フレームワークを上乗せするのは大袈裟に感じられて、自前実装しました。（自前実装は大袈裟ではないのか？というツッコミもありそうですが、気にしないでください😀） 加えて、ガチャガチャ実装を進めていると、ハイドレーション技術はチューニングのしがいがあることに気づき、一度自前実装しておけば

[kfly8]

書きました。

[mizdra]

viewport 外のコンポーネントの hydration を遅延するの面白い。自前実装ならではだ。ちなみに requestIdleCallback は Safari では使えないので、そこは注意が必要ですね。