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

2022/09/05(月) 08:35:28.05

>>3
そしたらBlazorも来るだろ！

2022/09/05(月) 10:51:48.50

c#おじさんはいらんよ

2022/09/06(火) 08:57:17.80

>>4
形が良ければどっちでもいい

2022/11/02(水) 18:38:15.77

Next.jsの13全然追ってなかったわ
webpackより700倍高速なバンドルツールをvercelが開発
https://gigazine.net/news/20221102-turbopack-webpack-javascript-rust/

2022/11/23(水) 20:13:40.97

sveltekitは更新が頻繁になりすぎてJSDocが外れてる？

2022/12/09(金) 20:08:47.80

今出てるといってるのはプレリリース版だよね？自分は補完とか機能してるよ。今使ってるのは多分1週間前ぐらいにでたやつ

2022/12/22(木) 10:45:39.21

1.0.0になってからcreate svelte@latestが極端に遅い…

2023/06/03(土) 13:01:50.24

Reactはどんどんマニアックになってってるな。useEffectで開発モードは2回挙動
ふ、ざ、け、ん、な

2023/06/03(土) 19:16:45.67

Reactは言うほど変わってる感無い。根っこの部分はブレないし。Nextは何なんすか

2023/06/07(水) 20:17:40.30

いつのまにかVueの推奨Piniaになったのか
Vuexどこいった

2023/06/16(金) 11:27:07.59

で、vueとreactどっちが正解なんだ？

2023/06/16(金) 20:25:46.03

Vue使ったことないけどなんか3になって混乱が広がっているらしく、今後も使わなさそう

2023/06/17(土) 08:44:42.86

そもそもVueもReactも落ち目だからな
誰も使っていない
バックエンドフレームワークに回帰してる

2023/06/17(土) 10:33:04.23

バックエンドフレームワーク（Next,Nuxt）流行ってるな！

2023/06/17(土) 12:16:06.83

結局VueかReactじゃんっていう
レンダリングがサーバかクライアントかってだけ

2023/06/17(土) 12:21:32.51

>>16
どんな混乱？

2023/06/17(土) 19:22:10.72

Vueは3になってからかなり書きやすくなったよ
TSとの相性も良くなっからIDE補完もよく効くし

2023/06/17(土) 19:43:30.84

最初からVue3ならなんの問題もないけどPython2→3並の環境変化がいかんかった

2023/06/17(土) 21:07:25.67

TSやってみたいからVueの方がいいのかなぁ？

2023/06/18(日) 10:03:31.70

ReactもTS関連はかなり充実してるよ

2023/06/18(日) 13:05:14.67

ReactもTS対応してるのね
どっちもやれって話だけど自分の頭のキャパ的に片方しかやれないだろうし迷うなあ

2023/06/18(日) 13:51:04.42

とりあえずvue触ってるけど
まだcssで自由にレイアウトすることができない自分が大問題

2023/06/18(日) 15:51:55.41

初めてやるならReactにしなよ
わざわざマイナーなvueを選択する必要はない

2023/06/18(日) 16:57:08.52

useEffectの依存関係をきちんとメンバー全員が
理解できるかどうかでreactでやるかvueでやるか
検討したいところ

2023/06/20(火) 16:46:27.28

vueって重いイメージだったけど3試してみたらかなり軽くなってたわ
何か大きな変更でもあったのかな

2023/06/20(火) 16:54:11.13

Vue3はベンチマークだけ見るとpreactやsvelteよりパフォーマンスが良いからな
solidには及ばないが

2023/06/20(火) 23:36:28.85

Vueは2系までwebpack依存だったけど3からはviteもサポートされて、デフォルトもviteになって軽くなったよ

軽くなったって言うのが開発サーバーの速度じゃなくてレンダリング速度のこと言ってるなら知らん

2023/07/01(土) 23:19:24.63

Svelte始めたらReactとかVueが辛くなってしまった
だけどシェアがあんまり広がらないので仕事はあんまりないんだろうなあ

2023/07/02(日) 09:38:21.92

svelteをやってはいけない
悩むくらいなら知らないほうがいい

2023/07/03(月) 07:46:09.30

svelte小さいサイトにはすごい適してるんだけど要素が増えていくとファイルサイズがとんでもなく肥大化していくんだよな
軽量なサイトを作るつもりでsvelte選んだのにいつの間にかReactより大きくなってしまうという
将来的に改善されたりするのだろうか

2023/07/04(火) 11:41:46.05

最近はRemixばかり使ってるなあ
シンプルなのに複雑なものを作るのも簡単で良い

2023/07/08(土) 03:39:30.76

病∞！！！！
魃∞！！！！！
害∞！！！！！！
雇∞！！！！！！！
期∞！！！！！！！！
傷∞！！！！！！！！！

2023/07/23(日) 02:01:34.27

最近のフレームワークはどれもRemixの影響受けてるね
Next.jsのappルーターやsveltekitやsolidstartなんかどれもRemixと似たような設計してる

2023/07/29(土) 11:50:47.74

Viteまじ神すぎる。Viteのお陰でフレームワークそのものの高速性よりビルドアップの高速性が10倍ぐらい変わった
お陰でアメリカでもVueとNuxtの知名度とシェア上がってきてるね
Vue3.2のscript setupは間違いなく改善。ボイラーテンプレート取っ払ったお陰で逆に初心者でも入りやすい記述になった
Angularも13でreactive forms、14でstandalone component、16でSignalsと汎用アプリにも対応しようと大きく動いてきてる

いい意味でReactのシェア寡占が他に刺激与えてるな

2023/07/29(土) 13:59:54.99

vite + react で ok

2023/07/29(土) 21:35:45.51

そこまで必死にならなくてもReactで問題ない

2023/08/01(火) 22:25:37.85

Reactはifとループ周りとフォームの同期あたりが相変わらず冗長で煩雑な記述多い。まずその辺直してくれ

>>39
いつまでViteをReactに対応させるか気になるところだけどな。
Next開発したVercelがEvanさん怒らせてるし

2023/08/01(火) 22:45:39.07

>>ループ周りとフォームの同期あたり
templateしろとかいう？そんな糞は要らんわ

2023/08/02(水) 05:24:13.28

ループ周り煩雑かなぁ？
とても自然に書けると思うけど

2023/08/02(水) 09:49:32.05

vueからreactに行って感動したところ
↓
コード書くようにタグが出力できる所

2023/08/02(水) 16:32:33.48

フォームの同期に関する冗長で煩雑な記述って
たとえばどんなのだろ

2023/08/02(水) 19:31:33.08

お気楽双方向バインディングの事だろ

2023/08/05(土) 10:24:20.54

>>45
全フォームにuseStateを紐付けるuseState地獄とか
デザイナー泣かせなカスタムコンポーネントによるJSX分離とか
ループも<>…</>、array.map、return(…)だらけで、ここもシンプルに式を埋め込みできるSvelteあたり見習えって思う

2023/08/05(土) 10:45:51.33

ループに関しては関数型（風の）書き方に慣れてないだけでは？
Svelteのループ始めてみたけど何やこれ独自構文やん。どう考えてもJSのルールの延長で書けるReactの方がマシやんけ。

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

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