なぜ Luna なのか？

既存フレームワークへの不満

• React - パフォーマンスが重要なアプリケーションには大きすぎる

• Qwik / Solid - コンパイル時の変換がデバッグの邪魔になる

• WebComponents ファーストのフレームワークがなかった

Luna の特徴

コンパイル時最適化が不要なほど小さい

WebComponents SSR（世界初）

Luna は WebComponents SSR + Hydration を完全サポートした初めてのフレームワーク です。

<my-counter luna:client-trigger="visible">
  <template shadowrootmode="open">
    <button>Count: 0</button>
  </template>
</my-counter>

ランタイムパフォーマンス

Fine-grained reactivity により、実際のシナリオで 5倍のパフォーマンス を実現。

MoonBit で書かれている

Fine-Grained Reactivity

Virtual DOM なし。差分計算なし。Signal 単位で DOM を直接更新。

Virtual DOM: State → Create Tree → Diff → Patch (O(n))
Luna:        Signal → Direct DOM Update (O(1))

Island Architecture

スマートなローディング戦略による部分的ハイドレーション：