Vue vs React vs Svelte Part.7

■ このスレッドは過去ログ倉庫に格納されています
1デフォルトの名無しさん
垢版 |
2021/01/18(月) 01:41:17.84ID:3Z3F12lC
実際どうなん？
※Angularは残念ながら全く話題にならなかったのでSvelteに差し替えました
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Svelte
https://svelte.dev/
※前スレ
Vue vs React vs Svelte Part.6
https://mevius.5ch.net/test/read.cgi/tech/1603771745/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Angular, Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおｋ。
2021/04/02(金) 22:14:42.65ID:AcwZiEYq
う〜ん。
個人的にはGraphQLは簡単そうに見えていざ使ってみると面倒くさかったし、Reactは難しそうに見えて実際に使うと簡単だったかな。
2021/04/02(金) 23:40:50.84ID:BXtHmhLU
俺もそんなイメージ
Vueのほうがパッと見簡単に見せるために恣意的な決めごとに載せてる感ある
Reactは自分で簡易クローン作って理解することもできるだろ
JSXは飛ばしていいからさ
2021/04/03(土) 01:58:18.53ID:EkPaw3Wp
Vueはちょっと難しくなり過ぎたな
初期のbetter angular路線でやれば良かったのに
2021/04/03(土) 11:10:17.25ID:LHzhVunt
>>581
Hasuraもおすすめ
2021/04/03(土) 11:51:21.16ID:EzmFJzRe
Reactに寄せた結果、劣化Reactになった
2021/04/03(土) 22:04:20.73ID:I+oz4m0S
小規模なら有り難みは分からんだろうな
2021/04/03(土) 23:21:52.68ID:w7ZGZ73F
Reactのclassコンポーネントのインスタンスフィールドとstateってどう違うの？
2021/04/04(日) 05:43:14.46ID:qnfMKEGz
関数使えやコノヤロー
2021/04/04(日) 17:42:37.44ID:kyZ1ExFT
Prisma！！！
2021/04/04(日) 18:57:31.06ID:4/TOnix/
ヨシ！React完全に理解した！
Next.js？まだなんかあんのか…
2021/04/04(日) 19:24:39.68ID:ZFO1FMvJ
React把握してればその一部がサーバ側にシームレスに移行するだけだからNext.jsは楽だった。getStaticPropsとgetStaticPaths覚えればとりあえずはNext.jsのメリットを生かせるし
2021/04/04(日) 21:52:29.16ID:XkKVx8B1
しかもそのアトまだReduxとかあんだろ…
めんどくせーわ
2021/04/04(日) 23:24:57.91ID:Y3zY2UJj
Reduxで挫折する奴多い
2021/04/05(月) 05:45:29.96ID:dFIbZfjt
Reduxは別に必須じゃ無いじゃん
2021/04/05(月) 06:17:46.51ID:0XRymbw8
recoilは早いところredux殺してくれ
2021/04/05(月) 07:38:18.79ID:6nJELVG6
vue(nuxt)だとvscodeの補完が効きづらくてなあ
603デフォルトの名無しさん
垢版 |
2021/04/07(水) 10:29:56.07ID:5DmYAVjZ
vue3へのアップとかする気が起きないな。
2021/04/07(水) 12:05:10.48ID:XZ4egoAQ
veu4まで待て
2021/04/07(水) 12:16:39.02ID:y+SrU/Mz
>>601
リコイルってのがいいのか？
最近始めたばかりなんだ
とりあえず素のReactは完全に理解した
2021/04/07(水) 21:21:37.28ID:keBvs1o2
Vue3は今のところ別に使わなくてもいいやって感じではあるな
処理速度よりも分かりやすさを追ってほしいわ
2021/04/07(水) 22:11:02.97ID:h/XTHitC
vue3もうオワコン扱いかよ
2021/04/08(木) 01:53:40.92ID:Bowpc/VV
そもそもReactが嫌いって人がVueに走ってたのに、
なんでVueはReactの真似しちゃったの？
中の人は阿呆なの？
2021/04/08(木) 08:22:10.23ID:l6NHFeN2
jsの中にまでhtmlやcss来やがってキモいよな
2021/04/08(木) 09:59:40.84ID:sC1fxBzx
React使わなくてもコンポーネント化を推めればどのみちそうなるので違和感は無い
2021/04/08(木) 12:30:53.14ID:RJ6M7n0R
Aurelia2が生き残るよ
2021/04/08(木) 13:08:28.04ID:y+olb2nL
フィールドコンポーネントに状態をもたせる

フィールドコンポーネントはを純粋関数にして
フォームコンポーネントに状態を持たせる

フォームコンポーネントを純粋関数にして
ページコンポーネントに状態を持たせる

どれがええんや
リアクト最初は感動するけど規模が大きくなるとわけわからんなるな
2021/04/08(木) 14:02:21.20ID:tCGGFTkm
>>612
クライアントAPPの初心者だからじゃねーーの？
2021/04/08(木) 14:31:49.05ID:00APH3wS
>>613
初心者なので教えて
2021/04/08(木) 15:19:42.20ID:tCGGFTkm
>>614
好きなのでやればよろし。

状態管理なんてクライアントアプリなら
基本中の基本のコード。

ライブラリーなんて昔から使わんで
自分で都度考えるのが普通。
616デフォルトの名無しさん
垢版 |
2021/04/08(木) 18:49:04.06ID:JbXQDf3z
angularな俺は振り回されずに済むぜと呟いてみる
2021/04/08(木) 19:52:15.62ID:l6NHFeN2
ReactでDrag&Dropで要素入れ替えとか要素追加ってできる？
2021/04/08(木) 19:53:44.70ID:tCGGFTkm
>>617
出来ない事などない
2021/04/08(木) 20:36:12.15ID:7lLWhWn3
>>617
Reactからevent.currentTarget経由で生DOMに触れるので、やろうと思えば何でもできる。でも、もっと良いやり方や既存コンポーネントがあるかも知らないので、とりあえず英語でググるかな。
2021/04/08(木) 21:00:14.28ID:dT8cHXua
ここではSvelteの話題あんまり出ないのう
2021/04/09(金) 00:04:00.62ID:3fjsa/sV
一昔前はSvelteやAurelia使うならVueでいいじゃん？って言えたけど、
今はもうVue3使うならReactでいいじゃん？って思うし、
先行き不透明なVue2使うならSvelteやAureliaの方がいいかも？って思うよね

Vue3ってVue使いには歓迎されてるの？
2021/04/09(金) 00:11:19.65ID:Va9Spr8o
別にVue2で間に合ってるしなぁ
人数少ないプロジェクトでやってるしヘルプは大抵jsフレームワーク未経験
(jqueryは経験あり)が来るからVueの方が教えやすくて楽だわ
2021/04/10(土) 14:22:17.51ID:Tr2LjW8o
Vueの混沌とした現状を見ると使う気失せるよね
2021/04/10(土) 14:58:01.58ID:lDAabXvc
angular(v1)とreactぐらいしかなかったころ、迷った末にjsxが気に入らなくてangular採用したんだけど、その後angularがこんなんなるとは思わなかったわ

しばらくwebから離れたけどまた触るようになってvueとreactで迷ったけど、今度はreact選択した。jsxにはやはり抵抗あったけどhooksが分かりやすく感じたので。
その後しばらくreactいじってるけど、今となっては昔あれだけ抵抗感じていたjsxが、これほど良いものに感じるようになるとは。
2021/04/10(土) 17:24:52.69ID:vm9W5ZLb
hooksが分かりやすいって
どんな感覚なんだろう？

class(オブジェクト指向)未経験とか
なのだろうか？
2021/04/10(土) 17:41:22.54ID:k9MA4V+a
直感的にはclassのがわかりやすいと思う
ただJavaScriptは文法的にclassを書きにくい
イベントハンドラのthisが別物にすり替わったり
関数のほうが書き心地がスッキリ
ただそれだけ
2021/04/10(土) 17:45:08.29ID:k9MA4V+a
C#でjsxを再実装したらclassのが良いわってなると思うよ
2021/04/10(土) 17:48:37.08ID:vm9W5ZLb
>>626
あ！
自分Typescript使ってるんで
その場合はC#とあんまかわらんからねーー。
hooksが良いという人は生js使ってる人なのかーー。納得！

自分の場合
主要所のclassは
殆ど自前のbaseクラス継承させてるんで、
関数だと辛いわーー
2021/04/10(土) 18:46:41.87ID:iPfjYmiH
クラスに万能感感じてる人は00年代からタイムスリップして来たのかな？
2021/04/10(土) 18:53:34.19ID:ODtjsNNr
負の遺産
2021/04/10(土) 19:04:44.98ID:iPfjYmiH
オブジェクトリテラルの存在するJSであえてclassを使う場面はなんらかの理由がある時ぐらい。
それは主に継承と副作用（カプセル化含む）で、どちらもモダンプログラミングでは避けるべきとされてたりする
2021/04/10(土) 19:24:31.61ID:vm9W5ZLb
継承の使い手なんで
なかなかそれは難しいね。

その避けるべきとされてるものを巧みに利用して、
暗黒面の高度な技を連発してるのだから...

C#よりJSのが技に制限がなくて無双に感じる
2021/04/10(土) 19:25:18.99ID:ZGgSTqmE
イミュータブルOOPは関数型より良いよ
関数型のメリットは完全に享受できたうえで
人間の感性によくマッチしてて理解しやすい
2021/04/10(土) 19:49:49.21ID:iPfjYmiH
好き勝手言ったけど、OOPを否定するつもりは全然無いよ。
OOPと関数型は適材適所で使ってこそ本領を発揮すると思うだけで。

>>632
黒魔術楽しいからね。仕方ないね。
2021/04/10(土) 19:50:15.14ID:/pBftddC
function hoge () {}; ←これやめてほしい

const hoge = () => {}; ←これがいい
2021/04/10(土) 19:53:02.23ID:AcLZ31++
>>635
上は関数、下は値
概念的に別のもの
2021/04/10(土) 20:06:58.44ID:Ew48nft0
関数も値じゃん
2021/04/10(土) 20:20:14.88ID:lqK0K6WE
this沼にはまるからなあ
2021/04/10(土) 20:24:37.68ID:jkE6NOOJ
アロー関数考案した人ほんまエライ
2021/04/10(土) 20:33:41.63ID:iPfjYmiH
function hoge () {}
形式は巻き上げがあるのと、hogeに代入可能なのと、thisが使えちゃうから、もっぱらconstとアロー関数で書いてる
2021/04/10(土) 20:41:45.23ID:ZGgSTqmE
アロー関数が偉いというか
JSは適当すぎた
2021/04/10(土) 20:53:26.34ID:AcLZ31++
>>637
それはあくまで実装にすぎない
そんな事を言ったら全てはビットだ

高級言語というのは意味のないビットに人間がコードを理解するための
情報を追加できる言語のことだ。
関数の引数に使うという意味を込めれば値になるのだ
2021/04/10(土) 21:06:09.77ID:b6rL8Bif
functionとアロー関数は、微妙に挙動が違うのが辛い
jQueryとか古いライブラリを使うと、ハマることがしばしばあるわ
2021/04/10(土) 21:08:55.40ID:AcLZ31++
jQueryとなんか関係あるの？
何を渡すかでしょ
2021/04/10(土) 21:11:49.95ID:riPA/UpT
生new使ってる人マジで減ったよな
2021/04/10(土) 21:13:30.42ID:AcLZ31++
それはjQueryの頃から使ってないな
2021/04/10(土) 21:14:14.53ID:AcLZ31++
そもそもnewするのなんて
ImageとDateぐらいじゃなかったか？
2021/04/11(日) 06:10:11.90ID:XT+LC0O/
class導入以前のJSは組み込みコンストラクタとパフォーマンス（と稀にプロトタイプチェーン）以外の面でnewするメリット無かった印象。
今の方がnew使ってるかな
2021/04/11(日) 07:12:43.77ID:SrtBIq6s
他言語見ながら驚き最小を目指せば大体こうなるよね
って感じの機能追加がほとんどじゃね
2021/04/11(日) 17:19:00.56ID:LdVpCjsL
>>639
JavaScriptの仕様がポンコツなだけでまともな仕様だったらそもそも必要無かった
2021/04/11(日) 17:39:11.57ID:XT+LC0O/
今どきの言語ってだいたいアロー関数あるんじゃね？
2021/04/11(日) 21:18:08.29ID:J8YGJLtE
アロー関数と普通の無名関数の違いを新人に説明したら意味不明みたいな顔された
わけがわかりませんと
2021/04/11(日) 21:22:03.19ID:9ef64+I3
jsはそれでthisが変わったりするもんなぁ
2021/04/11(日) 21:24:43.04ID:LdVpCjsL
アロー関数がある他の言語ってあるか？
2021/04/11(日) 21:33:36.10ID:uPGWhm5C
javaは8から使えるし、phpでは7.4から使える
2021/04/11(日) 21:41:40.51ID:6ib+SQy6
それ無名関数じゃね？
2021/04/11(日) 22:29:53.72ID:DcU1Z0EW
jsのアロー関数ってthisの扱いが既存のfunctionと違うだけでしょ。
どっちも無名関数にできるから無名関数との違いなんてない。
2021/04/11(日) 22:42:04.97ID:9mRjomur
>>657
はい無能アホが適当なこと抜かしとる
2021/04/11(日) 22:47:17.42ID:+MjFaIzv
ぶっちゃけ全部アローでいいかなと思ってる
2021/04/11(日) 23:56:36.46ID:c18Wr1GK
今なら全部アローでいいけど
既存のコードがね
2021/04/12(月) 00:25:53.23ID:LERkOP0z
>>656
無名じゃないが？
2021/04/12(月) 01:02:14.70ID:FzNLSrkR
PHPはサーバーのバージョンが不安で、結局まだ使えないのよな
未だにfunction現役だわ
2021/04/12(月) 06:16:46.34ID:jj/Zw/1S
機能に差異がある場合、機能的に正しく使い分けることで、コードの意図をはっきりさせる事ができるよね。
逆に差異が無いのに混在かますと混乱する
2021/04/12(月) 06:44:33.89ID:Ccx0QwXQ
うんうん
2021/04/12(月) 07:20:09.28ID:yZXPyOt1
うんこ
2021/04/12(月) 07:43:49.04ID:1iNVR91A
>>652はいったいどういう説明したんだろう
2021/04/12(月) 15:40:38.80ID:9M5tBwbX
Javaのはラムダ式だろ
演算子をアローと呼んでるだけでJavaScriptのアロー関数とは別物
2021/04/12(月) 15:50:04.92ID:63gWZnb2
アロー関数を勘違いしてるバカどもしかいないのかよ
2021/04/12(月) 17:05:52.78ID:azeIkm+j
>>666
無名の場合thisを呼び出したオブジェクトにバインドするけどアローはされないんだよ
これ以上わかりやすい説明もないと思うが意味不明ですと言われた
2021/04/12(月) 17:12:21.96ID:ciEjlrhe
JSでthisを使うなが正しい
2021/04/12(月) 17:47:50.45ID:tSxQ2i75
>>669
その辺はthis地獄体験してないとピンとこないよな
thisが排除されつつある現状だと理解されないと思う
2021/04/12(月) 17:52:27.40ID:jj/Zw/1S
>>669
新人さんにそのへんの有り難みはわからんかもね。
なんでや、とりあえず便利そうだしthisバインドしとけばええやんけとか思ってそう
2021/04/12(月) 18:15:49.31ID:pcitjLrl
今ならthisはclass構文の中で使うもの
って決めつけちゃって良いと思う
イベントのthis？知らない子ですね…
2021/04/12(月) 19:09:02.92ID:v0f7/C6A
>>669
bindがわかってないんじゃね
2021/04/12(月) 19:56:28.07ID:T7lNlQRb
>>669
それで誰に対しても伝わると思ってんなら頭おかしい
2021/04/12(月) 20:34:05.33ID:tSxQ2i75
>>675
バカは黙ってろ
な？
2021/04/12(月) 20:50:00.02ID:T7lNlQRb
>>676
そうだね黙っていたほうが良いと思うよ
2021/04/12(月) 21:28:49.69ID:1iNVR91A
>>669
新人「は？アロー関数だって無名だろ？マジ意味不明ｗｗｗ」

とか言われたわけじゃないとすれば、jsのthisがそもそもどういうものか伝わってないんじゃね？
2021/04/13(火) 02:26:35.75ID:G40R/NM4
ところがどっこいvue.jsだとかなりthisを使うんですよね
2021/04/13(火) 11:38:44.64ID:yba2YYKl
いまからVue使う案件なんて無いだろ
2021/04/13(火) 12:10:00.57ID:cwXy5DoV
慣れてるからとか使える奴がいるからとか実績があるからとか言って、レガシー技術での新規案件が山程生まれる。そしてガラパゴスへ……。

マジレスするとVueはまだ全然レガシーでも無いんちゃう。知らんけど。
2021/04/13(火) 14:16:14.53ID:r2pME0LK
ずっと低空飛行なんだから大差ないよ
2021/04/13(火) 16:10:48.15ID:hHadM2Ma
bindするthisを差し替えて汎用的に使える関数を作ったら凄く便利だったが、俺以外は誰も使う奴がいなかった。
バックエンド上がりに多いがthisはいつもクラス本体を指すと認知が歪んでるからな
2021/04/13(火) 16:18:07.85ID:9TAw+SUC
Vueはscript setupのシンタックスシュガーがイケてる
しかし現状だとIDEの解析が弱いのが難点か
2021/04/13(火) 16:53:55.96ID:Fs1rsRs1
>>683
お前が作ったもの（ゴミ）
・汎用的に使える関数.bind(this)

本当に必要だったもの
・汎用的に使える関数(this)

ってことでOK？
2021/04/13(火) 17:17:48.36ID:hHadM2Ma
>>685
＞>>683
＞お前が作ったもの（ゴミ）
＞・汎用的に使える関数.bind(this)
＞
＞本当に必要だったもの
＞・汎用的に使える関数(this)
＞
＞ってことでOK？

関数内にはthisを渡し、関数の中でthisをbind
日付を求めて値をセットするが、差し替えるstateはthisによって変わるという塩梅
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況