React vs Vue コンポーネント設計の違い – 3/8

ReactとVueのどちらも、UIをコンポーネント単位で設計します。

React

Reactでは関数コンポーネントが基本です。

function Header(){
  return <h1>Hello</h1>
}

Vue

VueではSingle File Componentを使います。

<template>
<h1>Hello</h1>
</template>

違い

ReactはJavaScript中心
VueはHTML中心

まとめ

Reactはプログラミング寄り、Vueはテンプレート寄りの設計です。