【Javascript】ReactとVueとSvelteの書き方比較

updated 2021-8-16

stackblitzとCodesandboxを使用しているので、ロードに少し時間がかかると思いますが、ご容赦ください

子から親にイベントを飛ばす

React

Vue

Svelte

ストアに保存して別コンポーネントで使用する(ルーターも使用)

React

react-routerを使用してページ切り替え、
reduxをストアとして使用しています

Vue

vue-routerを使用してページ切り替え、
vuexをストアとして使用しています

Svelte

svelte-spa-routerを使用してページ切り替えしています

参考

React イベント処理
React:関数コンポーネントとクラスコンポーネントの違い