TECHNOLOGY COMPARE

Preact / Qwik

「どっちが上?」ではなく、まず同じ仕事をする道具なのかを確認します。

DIRECT COMPARISON

直接比較しやすい組み合わせ

PreactとQwikはどちらも「UI部品」の技術なので、同じ土俵で比較しやすい組み合わせです。

UI部品

Preact

Reactに近いAPIを小さな容量で提供するUIライブラリ。軽量な互換層でコンポーネント型の画面を動かす。

何を担当する?

軽量な互換層でコンポーネント型の画面を動かす。

いつ使う?

  • 配信量を抑えつつReact風の部品設計を使いたいとき。

避けたい場面

  • React固有の最新機能との完全な互換性が必須のとき。
UI部品

Qwik

実行状態を再開して初期JavaScriptを抑えるUIフレームワーク。細かく分割した処理を必要時に読み込み、再実行ではなく再開する。

何を担当する?

細かく分割した処理を必要時に読み込み、再実行ではなく再開する。

いつ使う?

  • 初期表示と対話開始の速さを厳しく最適化したいとき。

避けたい場面

  • 成熟した部品資産と採用実績を最優先するとき。
DIRECT RELATION

PreactとQwikは大規模さ、描画方式、学習コストで比較される。軽量な互換層でコンポーネント型の画面を動かす。一方、Qwikは細かく分割した処理を必要時に読み込み、再実行ではなく再開する。