Lit
Web Componentsを簡潔に作るための軽量ライブラリ。標準のカスタム要素とシャドウ DOMを扱いやすくする。
何を担当する？
標準のカスタム要素とシャドウ DOMを扱いやすくする。
いつ使う？
- 複数フレームワークから使える標準準拠のUI部品を配るとき。
避けたい場面
- 特定フレームワーク専用の状態管理へ深く統合するとき。
Lit / Preact
「どっちが上？」ではなく、まず同じ仕事をする道具なのかを確認します。
直接比較しやすい組み合わせ
LitとPreactはどちらも「UI部品」の技術なので、同じ土俵で比較しやすい組み合わせです。
Preact
Reactに近いAPIを小さな容量で提供するUIライブラリ。軽量な互換層でコンポーネント型の画面を動かす。
何を担当する？
軽量な互換層でコンポーネント型の画面を動かす。
いつ使う？
- 配信量を抑えつつReact風の部品設計を使いたいとき。
避けたい場面
- React固有の最新機能との完全な互換性が必須のとき。
LitとPreactは小さな対話機能を加える方法で比較される。標準のカスタム要素とシャドウ DOMを扱いやすくする。一方、Preactは軽量な互換層でコンポーネント型の画面を動かす。