Preact
Reactに近いAPIを小さな容量で提供するUIライブラリ。軽量な互換層でコンポーネント型の画面を動かす。
何を担当する？
軽量な互換層でコンポーネント型の画面を動かす。
いつ使う？
- 配信量を抑えつつReact風の部品設計を使いたいとき。
避けたい場面
- React固有の最新機能との完全な互換性が必須のとき。
Preact / Solid
「どっちが上？」ではなく、まず同じ仕事をする道具なのかを確認します。
直接比較しやすい組み合わせ
PreactとSolidはどちらも「UI部品」の技術なので、同じ土俵で比較しやすい組み合わせです。
Solid
細粒度の反応性で必要なDOMだけを更新するUIライブラリ。シグナルを使い、仮想DOMなしで状態変化を画面へ反映する。
何を担当する？
シグナルを使い、仮想DOMなしで状態変化を画面へ反映する。
いつ使う？
- Reactに近い書き味で細かな更新性能を重視するとき。
避けたい場面
- 採用人材や部品資産の多さを最優先するとき。
SolidとPreactは大規模さ、描画方式、学習コストで比較される。シグナルを使い、仮想DOMなしで状態変化を画面へ反映する。一方、Preactは軽量な互換層でコンポーネント型の画面を動かす。