Vue vs React vs Angular Part.3

**デフォルトの名無しさん** · 2019/06/12(水) 19:04:55.46

実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
※前スレ
Vue vs React vs Angular Part.2
https://mevius.5ch.net/test/read.cgi/tech/1552136553/
※前前スレ
Vue vs React vs Angular
http://mevius.5ch.net/test/read.cgi/tech/1545395856/

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

**デフォルトの名無しさん** · 2019/06/12(水) 19:06:51.08

>>1
スレ建て乙

**デフォルトの名無しさん** · 2019/06/12(水) 19:11:10.66

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/06/12(水) 23:07:01.43

相変わらず社会不適合者が粘着してんのな

**デフォルトの名無しさん** · 2019/06/13(木) 11:30:36.40

>>1乙

前スレの話題、無駄に冗長なコードよりは短い方が良いだろうけど
短さも保守性の一要素であって
同じく保守性に影響する型チェックや適切な分割などとトレードオフになることもある

WebサイトというよりWebアプリ向けのフレームワークとしては
最もスマートなHello worldが書けることより
規模や複雑さが増大したときに保守可能であって欲しい

**デフォルトの名無しさん** · 2019/06/13(木) 14:24:17.80

googleで「アヌス」って検索してたら
「新婚旅行で特別な体験」っていうタイトルがヒットしたので早速開いてみたら
ディオクレティアヌス皇帝の浴場レストランに行った話だった

**デフォルトの名無しさん** · 2019/06/13(木) 21:08:40.70

ReduxもHooks対応かぁ

**デフォルトの名無しさん** · 2019/06/15(土) 18:53:51.89

>>7
ウチのポートフォリオサイトも対応しなきゃなぁ…

**デフォルトの名無しさん** · 2019/06/21(金) 08:24:19.26

SPAのメリットってなんですか？

**デフォルトの名無しさん** · 2019/06/21(金) 10:19:04.51

ひろゆきがコラム書いてる

**デフォルトの名無しさん** · 2019/06/22(土) 00:23:12.00

>>9
【メリット】
・ネイティブアプリみたいに滑らかな画面遷移が可能。

・マテリアルデザインのガイドラインに沿ったUIライブラリが豊富。

・双方向バインディングによりHTMLの状態とJavascript オブジェクトの状態を一致させる事ができ、
jQueryを用いた泥臭いDOMいじり作業が不要。

・Cordovaでアプリ化してストアに登録する事も可能。

【デメリット】
・クローラがSPAに対応してない。SEO対策が必要な案件にはSSR必須 = サバーサイドのスキルも求められる。

・jQuery等のライブラリと比較して学習コストが鬼。特にAngular。

・Angular vs React vs Vue とスレタイにある通り、まだデファクトスタンダードが決まってない。

こんな感じかな。俺的には初心者には Vue → Nuxt がオススメ。
日本語ドキュメントが豊富で取っ付きやすい。
オススメしないのはAngular。TypeScript 必須 & 覚える事多い & 開発元の Google が最近Flutterばっか推してて将来 Flutter for web に喰われるかも。

**デフォルトの名無しさん** · 2019/06/22(土) 00:33:07.00

あ、もう一つ最大のデメリット忘れてたわ。

・基本的にはモダンブラウザのみ対応。古いPCを使ってるケチな会社…もといレガシーな環境では使えない。

**デフォルトの名無しさん** · 2019/06/22(土) 02:31:23.59

よく自信満々で偉そうに思い込み騙れるな。
3つともIE9で見れるが。IE9はモダンブラウザですか？

**デフォルトの名無しさん** · 2019/06/24(月) 00:45:32.28

なんか急に過疎ってんな

**デフォルトの名無しさん** · 2019/06/24(月) 00:49:33.05

みんな見限ったんだよ

**デフォルトの名無しさん** · 2019/06/24(月) 01:02:21.54

他所で訊いてここが良いと言われたので、質問させてもらいたくやってきました

Vueをtypescriptで書いて、property-decoratorで@Emitデコレータを使いたいときに
外部ファイルからimportしたvueインスタンス(仮にextvm)に
イベントをemitしたいときってどうやればいいのでしょうか

this.$emit('call')
に
@Emit() call{}
は相当していますが

extvm.$emit('call')
を投げるにはどうすればいいのだろうかという疑問です
property-decoratorの公式も見てみたのですが
例は全部this.$emitの置き換えばかりで分からなかったので
詳しい方いらっしゃいましたらお教えいただければ幸いです
どうぞよろしくお願いいたします

**デフォルトの名無しさん** · 2019/06/24(月) 01:02:29.59

何を見限ったんです？

React?