Vue vs React vs Angular Part.2

**デフォルトの名無しさん** · 2019/03/09(土) 22:02:33.71

実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
-
VIPQ2_EXTDAT: default:vvvvv:1000:512:----: EXT was configured
※前スレ
Vue vs React vs Angular
http://mevius.5ch.net/test/read.cgi/tech/1545395856/

★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください

**デフォルトの名無しさん** · 2019/03/09(土) 22:10:59.54

>>1 おつ

1. jQueryはシンプルに書けるVue・Reactは冗長

証拠 https://jsfiddle.net/t62b49mp/

JavaScriptのコードはこれだけ
$('.my-component [name="switch"]').change(function() {
　$(this).closest('.my-component').toggleClass('active', this.checked);
});

2. 信者「Vueならこれだけで動く！」

嘘1 isActive=false

嘘2 new vue({data:{isActive:false}})
https://codepen.io/anon/pen/MxmrjP （動かない）

嘘3
new Vue({
el: '#app',
data: {isActive:false},
})
https://codepen.io/anon/pen/XGgpZV （変な動きをする）

3. 結論
jQueryはシンプルに書けるVue・Reactは冗長

**デフォルトの名無しさん** · 2019/03/09(土) 22:11:21.00

　
Vue vs React vs Angular その2
https://mevius.5ch.net/test/read.cgi/tech/1552122580/

**デフォルトの名無しさん** · 2019/03/09(土) 22:13:19.13

実際vueの方がコードは長くなるわけで、
たった2行にバグが有るかどうかと
十数行にバグが有るかどうかでは
考えるまでもないな

**デフォルトの名無しさん** · 2019/03/09(土) 22:14:44.65

次はonclickを使う例にしようか？
jQueryだとコードは増えないが
Vueだとさらにコードが長くなる

**デフォルトの名無しさん** · 2019/03/09(土) 22:18:50.81

>>1
乙

**デフォルトの名無しさん** · 2019/03/09(土) 22:23:27.65

>>1
乙

**デフォルトの名無しさん** · 2019/03/09(土) 22:26:49.23

NG用にワッチョイくらいは欲しかったな

**デフォルトの名無しさん** · 2019/03/10(日) 04:28:29.96

韓国人のつくったkQuery = Vue

**デフォルトの名無しさん** · 2019/03/10(日) 09:31:42.23

スレタイに入ってるけどAngularのアウェイ感が半端ない

**デフォルトの名無しさん** · 2019/03/10(日) 09:41:01.97

>>10
なんで？

**デフォルトの名無しさん** · 2019/03/10(日) 09:44:10.94

>>10
俺はangularはサンプルいじって放置してるよ。実務で使うシーンが限定というか予定にない。自社でも受注にもない。

**デフォルトの名無しさん** · 2019/03/10(日) 09:49:18.69

>>11
React、VueはJavaScriptでHTMLを作るものだから。
AngularはHTMLをベースにそこに特殊な属性をつける。

**デフォルトの名無しさん** · 2019/03/10(日) 09:50:04.54

>>1
乙！

>>2-5
死ね

**デフォルトの名無しさん** · 2019/03/10(日) 09:55:40.09

1から2への移行、というか再構築の苦労話見るとなあ。個人的に習得すべきかずっと迷ってる。

**デフォルトの名無しさん** · 2019/03/10(日) 09:56:45.26

>>11
今って言うか前スレで殆ど話題に上がらなかったなと

**デフォルトの名無しさん** · 2019/03/10(日) 10:08:10.61

>>12
何でAngularってあまり使われないんだろうな。

自由に構成を変えられない分、チームとして協業した時に構成を統一出来るし、
ベースとなるTypeScriptで型宣言出来るから変数に違う型をぶち込もうとしてたらIDEが教えてくれるからバグも少なく書ける。

これだけ大規模開発と堅牢なコーディングに向いてて、何故どこの企業もAngularで開発しようってならないんだろ。

一度Angularで開発始めてしまうと後戻りできなくなるからとか、
そもそもHTML、CSS、Javasceiptしか出来ない人間にAngularは荷が重いからとか？

**デフォルトの名無しさん** · 2019/03/10(日) 10:57:03.30

あとバージョン更新が速すぎる
7で安定すんのかな

**デフォルトの名無しさん** · 2019/03/10(日) 10:59:39.20

>>17
用途が違うから。

Reactを使ってるのはウェブサイトじゃなくて
ウェブアプリを作ってる。
ウェブサイトはReactでは作りづらい

ウェブサイトはAngularが適しているが、
その程度の用途ならjQueryで十分

**デフォルトの名無しさん** · 2019/03/10(日) 11:18:18.33

>>18
もう8のBetaが来てる

**デフォルトの名無しさん** · 2019/03/10(日) 11:20:50.23

Angular使ってる部署は使ってるな
自分のところで使わないのは、
・大胆に仕様が変わる
・その割りに飽きてポイ捨てするgoogleの体質
で使ってないな
googleの信用問題な気がw

**デフォルトの名無しさん** · 2019/03/10(日) 11:35:33.25

Reactもライフサイクルメソッドとか大幅に廃止になってたりするけどね

**デフォルトの名無しさん** · 2019/03/10(日) 11:46:45.99

まだまだ先とはいえ、GoogleはいずれAngularを捨てて
Flutter for Webを推していくようになると思うぞ

**デフォルトの名無しさん** · 2019/03/10(日) 11:49:48.39

それはReactも同じだよ。
Web Componentsがすべてを置き換える。

まあReactと互換性がないReact Nativeは別だけどな。
React Nativeはアプリ用であってウェブ用ではないし

**デフォルトの名無しさん** · 2019/03/10(日) 11:56:52.21

>>23
AngularDartってのもあるからな