TECHNOLOGY COMPARE

React / Vue

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

DIRECT COMPARISON

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

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

UI部品

React

状態に応じた画面をコンポーネントで組み立てるUIライブラリ。宣言的なUI部品と状態更新の模型を提供する。

何を担当する?

宣言的なUI部品と状態更新の模型を提供する。

いつ使う?

  • 操作の多い画面とReactの広い生態系を使いたいとき。

避けたい場面

  • ほぼ静的なページにブラウザJavaScriptを増やしたくないとき。
UI部品

Vue

段階的に導入できるコンポーネント指向のUIフレームワーク。テンプレート、反応的な状態、部品化を一体で提供する。

何を担当する?

テンプレート、反応的な状態、部品化を一体で提供する。

いつ使う?

  • 既存HTMLから始めて対話的な画面へ広げたいとき。

避けたい場面

  • React専用の部品資産をそのまま使う必要があるとき。
DIRECT RELATION

ReactとVueは大規模さ、描画方式、学習コストで比較される。宣言的なUI部品と状態更新の模型を提供する。一方、Vueはテンプレート、反応的な状態、部品化を一体で提供する。