Vue vs React vs Angular vs Svelte Part.11

2022/08/20(土) 13:17:12.21

!extend:on:vvvvv:1000:512

Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
Svelte
https://svelte.dev/
solid.js
https://www.solidjs.com/

※前スレ
Vue vs React vs Angular vs Svelte Part.8
https://mevius.5ch.net/test/read.cgi/tech/1621744952/
Vue vs React vs Angular vs Svelte Part.9
https://mevius.5ch.net/test/read.cgi/tech/1642316774/
Vue vs React vs Angular vs Svelte Part.10
https://mevius.5ch.net/test/read.cgi/tech/1646747836/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおｋ。

VIPQ2_EXTDAT: default:vvvvv:1000:512:: EXT was configured

2023/08/05(土) 11:05:09.23

理由が初心者ぼいから
そういう理由みたいだね

2023/08/05(土) 11:12:56.38

formなんて言うほどたくさん作らないからstate紐つけても問題なくないか

2023/08/05(土) 19:07:27.74

>>48
svelteの書き方はあれでわかりやすいぞ、Laravel、cake、Django、Flaskらと同じ埋め込み式だし
VueやAngularのようにテンプレートに反復ディレクティブつけるか否か迷う必要もない

まあ、どれも慣れなんだろうけど

2023/08/05(土) 20:03:11.37

>>51
慣れなのは確かにそうだろうね。
とはいえやっぱJavaScriptの『式』として使える利便性には負ける気がするなぁ

2023/08/27(日) 10:57:47.09

phpと組み合わせようとするとreact微妙なんだよね

2023/08/27(日) 12:43:01.48

PHPにREST APIと権限管理だけさせればええやん

2023/09/11(月) 13:58:11.91

>>49
おう初心者が来てやったぞ
2日かけてVue3イジって出た結論が『これから初心者がやるならReactの方がマシ』だ
リリースから3年も経ってるのに主要なnpmパッケージがろくにバージョンアップされてない時点で終わってるの丸出しなんよ
せいぜいVue2の時はnpm経由でやれてたことをガチャガチャ書いててくんな
Vue3なんてVue2のEOLで頓死してるVueラーがバンザイ突撃するだけのもんで初心者が付き合うモンじゃねーわ

2023/09/14(木) 10:29:01.89

Vueは明らかにjQuery利用者の後釜狙ってるのはわかる、vuetifyを整備したのはその布石。Reactと競合しようとは考えてないだろうな
競合考えてたら、ViteはReactサポート打ち切る

だが、いい加減CDNでscript setup使えるようにした方がいい。いつまで初心者にあのボイラープレート書かせる気だ

2023/09/17(日) 10:28:30.78

>>55
Vue2？

あんなオブジェクトの分割代入もできない、イベントバス使ったAPIでしか兄弟コンポーネントにステート送れなかった
AngularJS時代のレガシーに毛が生えたもの使い続けても未来なんてなかったからな

けどな、Reactもクラスコンポーネントと関数コンポーネントの過渡期で、Reactは関数コンポーネント、React Nativeは
クラスコンポーネントで書かされたという二元管理強いられた、鬱陶しい過去があるからそこはお互い様だ

2023/09/21(木) 20:58:44.53

svelte5でrunesとかいうのが追加されるみたい

2023/09/30(土) 14:52:24.07

ワイ、おっさんなんやが、reactやって、vueやってからsvelteやったんだが、
1番わかりやすかったのがsvelteだった。

reactの時代は続くだろうけど、正直継ぎ足して機能が増えてる印象があるんやが、若い人は覚えていけるのすごいと思う。

2023/09/30(土) 23:46:53.06

react と vue を都合好く混ぜたのが svelte だと思っている。

2023/10/01(日) 01:14:18.44

ワイは、reactとvueを使った時、なんと言っていいかわからんが、なんか回りくどい感じがしてたんやが
svelte使って、すごい直感的やな、と思ったで。

2023/10/03(火) 20:28:04.78

これからはスベルテの時代ということでokなりか

2023/10/04(水) 09:46:28.78

残念ながらどこも使ってない
あくまでもスベルトはお遊び学習用

2023/10/07(土) 09:23:18.54

Svelteは柔軟に見えてJSへの制約ガチガチなんだよな。ストアやディスパッチ使ったらわかる。見た目以上の鬱陶しさが

>>59
useReducerすら使いこなせない人がReact触ってるからな。フックも今や21あるけど何人が全部マスターしてることやら

2023/10/07(土) 17:00:40.27

フックは都度必要に応じて作るもんじゃないの？
うちのプロジェクトのフック置き場に山ほど転がってんだけど

2023/10/07(土) 20:57:59.22

useFuck

2023/10/08(日) 03:14:07.74

クラスの継承みたいにフックの多さが可読性やら何やら下げる要因にはならんのかい？

2023/10/13(金) 10:02:22.61

jsxの時代になってからweb開発始めたからsvelteの構文そんな馴染み無いんたよな

2023/10/14(土) 07:05:49.42

Flutterと連動するWebアプリを開発しようとして、
Dartで書いたViewModelやModelをjavascriptに書き直しただけのコードをそのまま流用できるフレームワークを探したら、
Angularに行き着いた
Flutterの自由度が低いから、Angularの自由度が低くても釣り合うだろう(適当)

2023/10/14(土) 07:05:53.69

Flutterと連動するWebアプリを開発しようとして、
Dartで書いたViewModelやModelをjavascriptに書き直しただけのコードをそのまま流用できるフレームワークを探したら、
Angularに行き着いた
Flutterの自由度が低いから、Angularの自由度が低くても釣り合うだろう(適当)

2023/10/14(土) 13:53:49.35

Angularはstandalone APIになってから自由度めちゃくちゃ高くなったよ
もともと記述自体の自由度は高いフレームワークなんだけどね

2023/10/15(日) 12:52:46.97

Angularって大きいSPAでもないと使う候補に挙がらないから使える人が増えないんだよね
Reactは小さいブログにも使われてるのに

2023/10/16(月) 04:32:24.31

業務はエンジニアのリクルートの都合でReactが優勢だと思う
Angularで求人をかけるとマジで人が集まらない

2023/10/16(月) 04:32:27.67

業務はエンジニアのリクルートの都合でReactが優勢だと思う
Angularで求人をかけるとマジで人が集まらない

2023/10/16(月) 10:13:57.93

5chでAngular.jsの質問したらVue.jsを薦められた
納得してそれ以降Angularは使ってない

2023/10/16(月) 11:28:59.19

ほぼ、React。Vue.js は少し

2023/10/16(月) 11:29:14.81

ほぼ、React。Vue.js は少し

2023/10/16(月) 20:49:10.99

AngularよりVueを採用する最大のメリットはレンダリング速度かな
単純に開発者の数で言えばまだ互角だろうし

2023/10/18(水) 10:01:38.69

しかし数年前のreduxってあれなんだったんだろうな。。今も使ってるやついるんか？

2023/10/18(水) 12:00:44.95

Next.jsが出てからだいぶ変わったからなReact環境は

2023/10/18(水) 12:21:59.31

フロントエンドがサーバー持つようになったしなぁ

2023/10/20(金) 04:13:41.88

redux系の状態以上ライブラリ自体はまだ進化してるけど
reduxをそのまま使ってる人はもうそんなにいないだろう

2023/10/20(金) 09:25:33.16

状態以上？状態管理

2023/10/20(金) 10:46:27.18

Next.jsとApache+Laravelってどっちのほうが処理速度速いの？
MySQLも使う

2023/10/20(金) 16:18:17.84

やることによるのでは
ApacheはNextjsより速いだろうけどLaravelはNextjsより遅いよ

2023/10/22(日) 09:00:36.20

Next13から覚えて使ってみたけど、Turbopackの再ロードの遅さなんとかならんのあれ
Viteに慣れるとあの遅さはストレスになる

>>79
ReduxにしろVuexにしろ、あれはコンテクスト遷移ができなかった頃のドリブル回避用データ管理アイテム
ReactとSvelteはcontext関係のメソッドあるし、VueとAngularはprovideとinjectがあるから
不要とまでは言い切らんがお役御免になってきた。データはフロントエンドで管理すること多いし

2023/10/22(日) 11:49:43.45

>>86
ドリブルってなんよ？

2023/10/22(日) 14:46:08.63

どこかの開発系サイトでその表現を見たんだが単なる思い違いかも知れん。すまん
要はバケツリレーのような非効率なコンポーネント間のデータ受け渡し

2023/10/22(日) 17:48:10.06

>>85
やっぱりルーティングって処理重くなるんだな
ルーティングを前提に設計されてるやつとはちがいあるのか

2023/10/22(日) 20:51:05.65

>>88
バケツリレーの事か
しかしコントロールをキチンと設計して単体テスト入れると
おのずとそうなるから苦にはならんなーー

2023/10/22(日) 21:34:30.49

今のredux使ってるサービスの技術的負債感えぐい

2023/11/04(土) 11:47:31.45

AppleのドキュメントやWebサービスはReactもVueもSvelteも使われてた

2023/11/04(土) 21:13:57.12

ドキュメントなんてそんな複雑でもないしなんでもいいんだよは

2023/11/05(日) 20:32:56.39

もうこのSPAフレームワークの形で今後30年は使いそう
React出てからすでに10年経過してるけど

2023/11/06(月) 12:32:08.53

結局Reactが一番楽

2023/11/07(火) 03:43:56.18

>>30
たしかにvueはパフォーマンス良いな
https://i.imgur.com/ziLkLlk.png

2023/11/07(火) 13:26:43.52

フロントエンドライブラリでtemplate要素って使うの？
表示するコンテンツの雛形自体をファイルで用意するイメージなの？

2023/11/07(火) 17:45:49.45

Million.jsってすごいね
仮想DOMでこのパフォーマンスが出せるものなのか

2023/11/07(火) 17:46:03.79

Million.jsってすごいね
仮想DOMでこのパフォーマンスが出せるものなのか

2023/11/09(木) 11:57:59.31

Vue.jsでやるにしてもJSXとstyled-components使いたい

2023/11/09(木) 12:12:08.55

styled componentsなんてReactでも使われなくなってきてるのに…

2023/11/09(木) 12:54:13.21

>>101
え、そうだったの！？
styled componentsかTailwindの二強だと思ってた

2023/11/09(木) 12:54:13.80

>>101
え、そうだったの！？
styled componentsかTailwindの二強だと思ってた

2023/11/09(木) 23:49:39.35

どっちも剥がすのめんどくさい

2023/11/10(金) 07:06:19.32

剥がす前提なんだ
CSS Modulesが無難ってことか

2023/11/10(金) 09:05:08.48

最近のCSSinJSはEmotionがよく使われてるんじゃないの
RSCのせいでEmotionも使えなくなってくるからまた変わるだろうけど

2023/11/11(土) 21:08:33.69

Emotionっていうのが流行りなんだ
勉強になります

2024/02/02(金) 14:00:09.24

Vueって単純に出来が悪いわ
この書き方面倒だろうけどフレームワークの都合だから合わせてくれな！ってのが多すぎて気持ち悪い
ビジネスロジックに集中できん

2024/02/02(金) 15:34:38.99

ref、reactiveとか.valueとか大変ですよね

2024/02/02(金) 15:55:47.39

>>108
同意

2024/02/08(木) 17:17:45.06

記述の手間はReactも一緒だけどuseRefで変数定義すればいいのねって覚えたらそれで終わりなんだよな
Vueは思ってたのと違う挙動が多発して内部実装の都合を探る大冒険が待ってる

2024/02/08(木) 20:53:09.33

>>111
思ってたのと違う挙動って例えばどんなのがある？

2024/02/08(木) 23:10:12.70

reactは言語ライブラリーの出力結果だから
言語的に知らん機能でもIDEのサジェスト機能とか効くし結果も予測できるけど
vueは決め事だから
そんなの誰が決めたねん！とか、何処にそんな機能あるねん！とかなる

2024/02/09(金) 03:03:22.19

JSXもVueもエディタサポート必要だからそんなに変わらんぞ

2024/02/09(金) 05:15:50.14

>>114
全く違う

2024/02/09(金) 11:26:08.14

>>115
そりゃ概念的には違うと思うが、実用面で大きく違うとは思わないけどなぁ…
型チェックの話されるなら理解もできるが

そもそもそんなの誰が決めたって話になるとフレームワーク全般そうなるんよ

2024/02/09(金) 15:04:22.44

>>116
全く違う

2024/02/09(金) 20:59:55.41

>>117
具体的に何が違う？

2024/02/09(金) 21:06:46.46

変数バインドできます
イベント処理できます

フレームワーク本体に求めてるのって結局これだけなんだよね
だけどVueはここがずっと迷走してるから辛いんよ

2024/02/17(土) 01:31:43.07

すいませんVue3（options）で確認したいのですが
v-forで複製した要素（コンポーネント）に
個別にDOM操作をかけたいのですが
$refsにindex指定とかで取得できたりしますでしょうか。

コンポーネントにpropsでデータをbindして渡して
コンポーネント側で変更処理させる事は複雑だと思い
親側で子のDOM操作すれば良いと思いました。

2024/02/22(木) 09:24:29.50

一通りやったけど、Angular一択だと思う。
Vueは論外。
Reactは予想不能な動作が多すぎる。
OnLoad時にサーバにアクセスしてデータを受け取るのを待って描画っていう一番ありがちなシチュエーションを簡単に書けないのもReact
だいたいScriptの中にHTMLが入り乱れるJSXとかあり得ない。

完全に分離できてるのがAngular
さすがGoogle様や

2024/02/22(木) 11:43:21.79

コード理屈わかって書けない人には
Reactは無理よ

UIライブラリーとかめちゃくちゃ作りやすい

プロ指向なのがReact
因みに日本人エンジニアにプロの割合はかなり低い

2024/02/22(木) 12:08:24.96

Reactはデータが更新されたら画面も更新するっていうシンプルな設計だから
画面に表示されたときにデータを取得するような設計は本来の使い方とは違うんだよね

2024/02/22(木) 12:25:12.98

正直すまなかった。
そもそもAngularとReactを比べるのは間違いなのね
Angularと比べるならNextjsか。
Reactに相当するものはAngularには無い

2024/02/22(木) 12:42:10.50

Angularとかvue.jsは
上位エンジニアの成果物を使って
下位エンジニアが作業するスタイル

が故に想定しているエンジニアの対象も異なる

2024/02/22(木) 14:00:09.56

フレームワーク使わなくてもjsxは使いたいって言われる時代なのに

2024/02/22(木) 16:27:07.37

jQueryの頃からライブラリで使われてる便利機能をバニラが落とし込む仕組みはやってるしね

prototypeでDOM操作はキツイ

2024/02/22(木) 17:01:06.42

俺はある程度の規模まではVueのoptions APIで良い派
規模がデカくなる場合はNuxtへ
間違っても単体のVueでコンポーネントは使うべきじゃない

2024/02/24(土) 02:20:28.64

このスレでMillion.js知ったんだけどこれ使うだけでReactのパフォーマンスめっちゃ上がるんだな
もうpreactいらないやん

2024/03/02(土) 08:44:21.68

React 19でやっとmemoしなくてよくなるみたいだな
ようやくsvelteに追いついたか

2024/03/02(土) 14:49:05.57

options APIなんぞ捨てろ。次の3.4で非推奨になる可能性大だ。setup書けるようになっとけ。初代composition APIよりずっと書きやすいし
理屈もわかりやすい。あとprovideとinjectとuseRouteとuseRouterだけは覚えとけ

refとreactiveの用途の違いがわからん？そんな奴はrefだけ使っとけばいい

>>130
そのSvelteは5でKITメインになってデフォルトでSSG化するみたいだが。Rune試そうとしたら、まずそこから理解しなくちゃなんないのでかなり焦った

2024/03/02(土) 15:02:30.77

>>128
むしろVueはLaravelのフロントで用いるケースが増えてる気がする。Vite+Vue+Vuetify+Laravel+αあたりが鉄板化してる。Laravelのフォーム制御、cakeよりショボいからうまく相互補完できてる
Reactは逆にNextのためのツールになりつつあるな。NextはViteにデフォルト対応していないのがむず痒いが（Turobopackはロードが遅くてモヤる）

2024/03/02(土) 15:17:16.26

>>121
Angularも17になって脱テンプレートで、かなり書き方変わってますますAngularJS、Vue.jsとの血脈が薄くなったと思った
いよいよ、次の18でクラスコンポーネント解体に向かうんじゃないかと思ってる

2024/03/08(金) 14:16:16.50

規模を考えるような規模の時点でVueを使うこと自体がストレス要素にしかならんわ
コンポーネントって単語が頭を過ぎった時点で選択肢から外したほうが確実

2024/03/09(土) 09:29:45.78

規模を考えるほどのプロジェクトになったらもはやAngular一択では。Reactは少人数で開発するにはいいけど共同開発を考えて設計されてない
あとデザイナーから煙たがられてるし

Vueは自由度が高い反面、高すぎて素人がトンデモ開発して世界中から嫌われてた一時のPHPみたくなってる気もする
縛りが少ないから、設計能力のない人が触ると絶妙なスパゲッティになるのも共通してる

2024/03/09(土) 14:49:57.15

>>132
Next使わないならReact使うメリットが薄くなってきたね
完全にサーバーサイドフレームワークになりつつある
エコシステムも周りに合わせる感じがなくなってきた

2024/03/09(土) 15:02:14.04

>>135
テンプレート廃止マジ？
JSXみたいな感じになる訳？
うーむテンプレートの何が嫌なのか理解できない
サーバーサイドではテンプレートが至高という結論が出て実際それが1番描きやすいのに

2024/03/09(土) 15:35:22.55

ほぼジジイだけどLaravel＋vueとReact＋NextでWebアプリ作ったらフリーランスで生きていけるかな？

サンプルとなるWebシステムのポートフォリオ作って応募に出せば採用してくれそう？

2024/03/09(土) 16:52:48.97

>>135
一択と言われてもな
新規にAngular採用してるの見たことないが

2024/03/09(土) 17:08:21.45

>>135
素人さん？

2024/03/09(土) 18:10:19.70

>>137
JSXというよりSvelteとかLaravelみたいな式埋め込みになってる
ng-templateが煩雑だったからそこをスッキリさせてる。廃止というより脱却というスタンスだからどっちも使えるけどね

2024/03/18(月) 17:12:36.82

実際やってみれば？

2024/04/06(土) 09:57:29.12

今まではお互いライバルだったけど、axios出てきてから完全に本来の本分を果たす独自進化の段階に入ってる
Vue→Laravelとタッグでフロントエンド専
React→Vercelと蜜月で、サーバーサイド専
Angular→単体アプリ専

【以下はチラシの裏】
Vue→フォーム制御がPHPでは限界があった。簡単にフォーム制御できるAngularJS作ったけど、ソースがスパゲッティ
Googleは大規模化したAngular2にしたけど、簡潔さがなくなった→開発者の1人がVueを作った
一時はReact、Angularに対抗して状態管理のVuexとか作ったけど、大規模化には限界がある
ECMA5に対応するためにcompositionAPI、TypeScriptに対応するためにsetup、
更にシェアを増やすためにVite作った。爆速起動ビルドすげえってことで欧米で、Vueも注目を浴び始めた
処理の遅いLaravelがVueに目をつけてタッグを組んだ（標準ライブラリ化）。他のバックエンドもVueと連携できるように
今のVueはLaravelだけでなくRails、DjangoにJAVAなどまで対応した万能フロントエンドツールへ

React→自社で作ってたFacebookの制御用、フォーム制御というより細かなステート管理用に作った。けど、ビルド遅かった
Next.jsが出てきてから遅い問題クリア。デプロイ不要なんでSSG最高や！Herokuとか最初からいらんかったんや！！
GatsbyにAstroも出てきて、サーバーサイド一択、React Nativeも過去の遺物になりつつある

Angular→AngularJSはもうあかん→JSフレームワークだけでフルスタック化→操作が複雑でReactにシェア奪われていく
12のバグで致命的に→13からリベンジ開始（13でフォーム制御改善、14でスタンドアロン化、15でインジェクタ実装、
16でシグナル、17で脱テンプレ）
モジュールの互換性uzee→最初から一通り揃ったAngular、実は悪くないんじゃね、という見直しの動きもちらほら
大規模な専用アプリ開発用に特化

2024/04/06(土) 11:06:16.32

vueとangularはいつからかパフォーマンスめっちゃ速くなってる
仮想DOMはオーバーヘッドなんて言われたりするけど仮想DOMを使ってるsvelteとかと大差無くなってきている
まあシェアナンバーワンのReactがまだ遅いんですけどね
React 19で改善するといいね

2024/04/06(土) 15:59:17.06

>>143
素晴らしいまとめthx

2024/04/06(土) 16:57:58.83

>>143
基地○の妄想？

2024/04/06(土) 18:30:38.08

>>143
文章見直した方が良いぞ
チラシの裏でももう少しまともな日本語を使う

2024/04/06(土) 19:31:09.24

>>143
チラシの裏だから校正するのめんどかっただけ。まとめた結果が上の三行

ReactはNextで動かす分にはパフォーマンス問題ない気もする。特に13になってからすごいわかりやすくなった