Vue vs React vs Svelte Part.7

**デフォルトの名無しさん** · 2021/01/18(月) 01:41:17.84

実際どうなん？
※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/03/27(土) 09:30:30.56

Bearerはヘッダやろ
トークンをヘッダにのせる(jsで触れるようにする)とXSSにやられるんやと

**デフォルトの名無しさん** · 2021/03/27(土) 09:49:18.61

もうhtmlに保存するしかない

**デフォルトの名無しさん** · 2021/03/27(土) 10:03:56.08

reactquery使ってますけど
イベントを発火させるところに置いてloadingを受けとるのがいいのか
storeにまとめてロジックとの分離を目指した方がいいのか分からないです
loadingはstoreから取ると可読性落ちそうですし

**デフォルトの名無しさん** · 2021/03/27(土) 22:47:29.25

APIなのにcookie使っているプロジェクトがウザいｗ
headerにtoken仕込む方がやりやすいわ

**デフォルトの名無しさん** · 2021/03/27(土) 22:58:18.46

セキュリティのためだから仕方ない

**デフォルトの名無しさん** · 2021/03/28(日) 16:31:51.11

Reactってイマドキの若者はHooks？ってやつ使ってんの？
Reduxはオワコン？おじさんに教えてくれ

**デフォルトの名無しさん** · 2021/03/29(月) 02:05:10.63

どうせ一年後には全部オワコン

**デフォルトの名無しさん** · 2021/03/29(月) 03:05:06.28

>>547
hooksでいいと思うけど
完全にステートやアクションを自分で管理したい人はreduxでもいいんじゃないか

**デフォルトの名無しさん** · 2021/03/29(月) 06:26:51.65

年齢と性別を比較してるようなもの。
Reduxもhooks api提供してるんだが。
reduxはrecoilやjotaiと比べなさい。
hooks apiはReactの機能をクラスを書かずに使えるようにしたAPIの規約のようなもの。useStateなどはあくまでその一例。

**デフォルトの名無しさん** · 2021/03/29(月) 08:22:50.36

大規模システムで状態管理すると状態管理が大規模になるが一元化してるのでわかりやすい

hooks使うと状態管理がバラバラだからそれぞれのコンポーネントで管理する

**デフォルトの名無しさん** · 2021/03/29(月) 09:45:22.30

状態の一元化ってようするに巨大なグローバル変数では？
本当にそれでいいの？

**デフォルトの名無しさん** · 2021/03/29(月) 10:44:35.12

hooksとreduxを同列に語るって
いったいどういった思考なの？

**デフォルトの名無しさん** · 2021/03/29(月) 12:16:25.13

おじさんにはわからないんだ
いじめないで教えてくれ

**デフォルトの名無しさん** · 2021/03/29(月) 12:25:09.80

おじさんであることは自分で勉強しないいいわけにはならない。
事実ここにいる奴みんなおじさんである。

**デフォルトの名無しさん** · 2021/03/29(月) 12:44:15.91

reactは直感的じゃないからやっぱダメだなｗ
useState()だけでも誰だよこんな頭の悪い実装考えた奴はって思う

**デフォルトの名無しさん** · 2021/03/29(月) 12:57:46.43

むしろuseStateには感心した。状態と関数型プログラミングはこうやって両立させるものなのかと。美しいとすら思った。

**デフォルトの名無しさん** · 2021/03/29(月) 14:09:25.79

useState使った関数コンポーネントって、関数プログラミングと呼べるようなものなのかね
あれを関数プログラミングとか呼んだら、その方面の人達に怒られそうだ

**デフォルトの名無しさん** · 2021/03/29(月) 14:16:19.75

rootにstore持たせて上から順にprops渡して行けばいいと思う
そのほうが純粋関数っぽくてわかりやすいしテストしやすい

**デフォルトの名無しさん** · 2021/03/29(月) 14:56:19.67

useEffectとか実質algebraic effectsだし

**デフォルトの名無しさん** · 2021/03/29(月) 15:26:57.15

>>558
確かに怒られそう。あくまで両立ということで許してください……

**デフォルトの名無しさん** · 2021/03/29(月) 16:29:39.99

preactのhooksのソース読んでこの機能のヤバさが理解できたね
まともなエンジニアなら絶対こんなインターフェース思いつかねえ
関数型界隈の凄さを知ったね

**デフォルトの名無しさん** · 2021/03/30(火) 08:47:42.16

それ面白そう。preactならコードも短くて、丁度いい勉強になりそう

**デフォルトの名無しさん** · 2021/03/30(火) 12:31:17.37

なんやそれ初耳

**デフォルトの名無しさん** · 2021/03/30(火) 13:39:56.27

>>563
マジでおすすめ
あまりに美しくて久々に感動したよ
それと同時にhooksがってることが全て理解できた
最小のコードで最大の効果を得るっていうのが自分の中で優れたエンジニアリングなので
まさにそういうコードがあった

**デフォルトの名無しさん** · 2021/03/30(火) 19:50:51.07

class形式のComponentってどんな時に使うんすか？

**デフォルトの名無しさん** · 2021/03/30(火) 19:50:57.98

なあ、いい事考えたぞ
UIや画面を完全排除したアプリを開発しよう！
そういう仕事あるかな？
いつまでやらされんだよこんな無駄な作業

**デフォルトの名無しさん** · 2021/03/30(火) 20:04:07.41

それのなにがいいんだよ

**デフォルトの名無しさん** · 2021/03/30(火) 20:07:04.05

コマンドラインですべての操作を行うアプリに決まってんだろ

**デフォルトの名無しさん** · 2021/03/30(火) 20:18:24.33

もうホームページビルダーみんなで使おうぜw

**デフォルトの名無しさん** · 2021/03/30(火) 21:31:39.39

コマンドラインはあぶなくてこわい
がちがちのお子様用ＵＩなら何も間違ったことは起こらない

**デフォルトの名無しさん** · 2021/03/30(火) 21:36:40.26

>>567
今後は増えていくと思う
UIなんてものはユーザーがノーコードローコードで適当作ればいい

**デフォルトの名無しさん** · 2021/03/30(火) 21:48:53.13

>>566
Reactの話だったらもう使う意味、無いです。

**デフォルトの名無しさん** · 2021/03/30(火) 22:00:32.32

ESLintチームから200ドルもらった話
https://qiita.com/ota-meshi/items/6eab111878ab40f27e50

**デフォルトの名無しさん** · 2021/03/30(火) 23:10:38.86

>>574
こういう人ってどこにこんなことする時間あるの？
キータに長文記事書く時間あるのはヒマなの？
毎日残業毎日勤務の俺からは想像できん

**デフォルトの名無しさん** · 2021/03/30(火) 23:52:46.41

>>575
忙しい=勤務時間をフルに使う人と
忙しい＝残業しなければいけない人の違い

**デフォルトの名無しさん** · 2021/03/31(水) 00:23:00.99

>>575
仕事でOSSやってる人だよ

**デフォルトの名無しさん** · 2021/03/31(水) 05:47:52.27

vuexとredux

**デフォルトの名無しさん** · 2021/04/01(木) 13:01:01.18

react使っておきなさい

**デフォルトの名無しさん** · 2021/04/01(木) 17:17:53.15

あーい

**デフォルトの名無しさん** · 2021/04/02(金) 08:58:57.40

Apollo使ってる人おりゅ？
GraphQL推進派に取り込まれそう

**デフォルトの名無しさん** · 2021/04/02(金) 10:10:57.96

使ってない人がまだいたんだ

**デフォルトの名無しさん** · 2021/04/02(金) 12:43:24.25

かっけえニートだなおい

**デフォルトの名無しさん** · 2021/04/02(金) 18:49:16.32

Reactのテストってどうやってるんです？

**デフォルトの名無しさん** · 2021/04/02(金) 21:14:41.57

GraphQL初めて見たときは凄い良さそうに見えたけど、普通にアプリ作る分にはRESTで十分だった……

**デフォルトの名無しさん** · 2021/04/02(金) 21:30:10.82

>>585
reactもそうだけど独自ルール過ぎるんだよな
実装が簡単ならいいけど逆にめんどくさいし
Vueくらい自然な感じだと理解しやすいんだけどな

**デフォルトの名無しさん** · 2021/04/02(金) 22:14:42.65

う～ん。
個人的にはGraphQLは簡単そうに見えていざ使ってみると面倒くさかったし、Reactは難しそうに見えて実際に使うと簡単だったかな。

**デフォルトの名無しさん** · 2021/04/02(金) 23:40:50.84

俺もそんなイメージ
Vueのほうがパッと見簡単に見せるために恣意的な決めごとに載せてる感ある
Reactは自分で簡易クローン作って理解することもできるだろ
JSXは飛ばしていいからさ

**デフォルトの名無しさん** · 2021/04/03(土) 01:58:18.53

Vueはちょっと難しくなり過ぎたな
初期のbetter angular路線でやれば良かったのに

**デフォルトの名無しさん** · 2021/04/03(土) 11:10:17.25

>>581
Hasuraもおすすめ

**デフォルトの名無しさん** · 2021/04/03(土) 11:51:21.16

Reactに寄せた結果、劣化Reactになった

**デフォルトの名無しさん** · 2021/04/03(土) 22:04:20.73

小規模なら有り難みは分からんだろうな

**デフォルトの名無しさん** · 2021/04/03(土) 23:21:52.68

Reactのclassコンポーネントのインスタンスフィールドとstateってどう違うの？

**デフォルトの名無しさん** · 2021/04/04(日) 05:43:14.46

関数使えやコノヤロー

**デフォルトの名無しさん** · 2021/04/04(日) 17:42:37.44

Prisma！！！

**デフォルトの名無しさん** · 2021/04/04(日) 18:57:31.06

ヨシ！React完全に理解した！
Next.js？まだなんかあんのか…

**デフォルトの名無しさん** · 2021/04/04(日) 19:24:39.68

React把握してればその一部がサーバ側にシームレスに移行するだけだからNext.jsは楽だった。getStaticPropsとgetStaticPaths覚えればとりあえずはNext.jsのメリットを生かせるし

**デフォルトの名無しさん** · 2021/04/04(日) 21:52:29.16

しかもそのアトまだReduxとかあんだろ…
めんどくせーわ

**デフォルトの名無しさん** · 2021/04/04(日) 23:24:57.91

Reduxで挫折する奴多い

**デフォルトの名無しさん** · 2021/04/05(月) 05:45:29.96

Reduxは別に必須じゃ無いじゃん

**デフォルトの名無しさん** · 2021/04/05(月) 06:17:46.51

recoilは早いところredux殺してくれ

**デフォルトの名無しさん** · 2021/04/05(月) 07:38:18.79

vue(nuxt)だとvscodeの補完が効きづらくてなあ

**デフォルトの名無しさん** · 2021/04/07(水) 10:29:56.07

vue3へのアップとかする気が起きないな。

**デフォルトの名無しさん** · 2021/04/07(水) 12:05:10.48

veu4まで待て

**デフォルトの名無しさん** · 2021/04/07(水) 12:16:39.02

>>601
リコイルってのがいいのか？
最近始めたばかりなんだ
とりあえず素のReactは完全に理解した

**デフォルトの名無しさん** · 2021/04/07(水) 21:21:37.28

Vue3は今のところ別に使わなくてもいいやって感じではあるな
処理速度よりも分かりやすさを追ってほしいわ

**デフォルトの名無しさん** · 2021/04/07(水) 22:11:02.97

vue3もうオワコン扱いかよ

**デフォルトの名無しさん** · 2021/04/08(木) 01:53:40.92

そもそもReactが嫌いって人がVueに走ってたのに、
なんでVueはReactの真似しちゃったの？
中の人は阿呆なの？

**デフォルトの名無しさん** · 2021/04/08(木) 08:22:10.23

jsの中にまでhtmlやcss来やがってキモいよな

**デフォルトの名無しさん** · 2021/04/08(木) 09:59:40.84

React使わなくてもコンポーネント化を推めればどのみちそうなるので違和感は無い

**デフォルトの名無しさん** · 2021/04/08(木) 12:30:53.14

Aurelia2が生き残るよ

**デフォルトの名無しさん** · 2021/04/08(木) 13:08:28.04

フィールドコンポーネントに状態をもたせる

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

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

どれがええんや
リアクト最初は感動するけど規模が大きくなるとわけわからんなるな

**デフォルトの名無しさん** · 2021/04/08(木) 14:02:21.20

>>612
クライアントAPPの初心者だからじゃねーーの？

**デフォルトの名無しさん** · 2021/04/08(木) 14:31:49.05

>>613
初心者なので教えて

**デフォルトの名無しさん** · 2021/04/08(木) 15:19:42.20

>>614
好きなのでやればよろし。

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

ライブラリーなんて昔から使わんで
自分で都度考えるのが普通。

**デフォルトの名無しさん** · 2021/04/08(木) 18:49:04.06

angularな俺は振り回されずに済むぜと呟いてみる

**デフォルトの名無しさん** · 2021/04/08(木) 19:52:15.62

ReactでDrag&Dropで要素入れ替えとか要素追加ってできる？

**デフォルトの名無しさん** · 2021/04/08(木) 19:53:44.70

>>617
出来ない事などない

**デフォルトの名無しさん** · 2021/04/08(木) 20:36:12.15

>>617
Reactからevent.currentTarget経由で生DOMに触れるので、やろうと思えば何でもできる。でも、もっと良いやり方や既存コンポーネントがあるかも知らないので、とりあえず英語でググるかな。

**デフォルトの名無しさん** · 2021/04/08(木) 21:00:14.28

ここではSvelteの話題あんまり出ないのう

**デフォルトの名無しさん** · 2021/04/09(金) 00:04:00.62

一昔前はSvelteやAurelia使うならVueでいいじゃん？って言えたけど、
今はもうVue3使うならReactでいいじゃん？って思うし、
先行き不透明なVue2使うならSvelteやAureliaの方がいいかも？って思うよね

Vue3ってVue使いには歓迎されてるの？

**デフォルトの名無しさん** · 2021/04/09(金) 00:11:19.65

別にVue2で間に合ってるしなぁ
人数少ないプロジェクトでやってるしヘルプは大抵jsフレームワーク未経験
(jqueryは経験あり)が来るからVueの方が教えやすくて楽だわ

**デフォルトの名無しさん** · 2021/04/10(土) 14:22:17.51

Vueの混沌とした現状を見ると使う気失せるよね

**デフォルトの名無しさん** · 2021/04/10(土) 14:58:01.58

angular(v1)とreactぐらいしかなかったころ、迷った末にjsxが気に入らなくてangular採用したんだけど、その後angularがこんなんなるとは思わなかったわ

しばらくwebから離れたけどまた触るようになってvueとreactで迷ったけど、今度はreact選択した。jsxにはやはり抵抗あったけどhooksが分かりやすく感じたので。
その後しばらくreactいじってるけど、今となっては昔あれだけ抵抗感じていたjsxが、これほど良いものに感じるようになるとは。

**デフォルトの名無しさん** · 2021/04/10(土) 17:24:52.69

hooksが分かりやすいって
どんな感覚なんだろう？

class(オブジェクト指向)未経験とか
なのだろうか？

**デフォルトの名無しさん** · 2021/04/10(土) 17:41:22.54

直感的にはclassのがわかりやすいと思う
ただJavaScriptは文法的にclassを書きにくい
イベントハンドラのthisが別物にすり替わったり
関数のほうが書き心地がスッキリ
ただそれだけ

**デフォルトの名無しさん** · 2021/04/10(土) 17:45:08.29

C#でjsxを再実装したらclassのが良いわってなると思うよ

**デフォルトの名無しさん** · 2021/04/10(土) 17:48:37.08

>>626
あ！
自分Typescript使ってるんで
その場合はC#とあんまかわらんからねーー。
hooksが良いという人は生js使ってる人なのかーー。納得！

自分の場合
主要所のclassは
殆ど自前のbaseクラス継承させてるんで、
関数だと辛いわーー

**デフォルトの名無しさん** · 2021/04/10(土) 18:46:41.87

クラスに万能感感じてる人は00年代からタイムスリップして来たのかな？

**デフォルトの名無しさん** · 2021/04/10(土) 18:53:34.19

負の遺産

**デフォルトの名無しさん** · 2021/04/10(土) 19:04:44.98

オブジェクトリテラルの存在するJSであえてclassを使う場面はなんらかの理由がある時ぐらい。
それは主に継承と副作用（カプセル化含む）で、どちらもモダンプログラミングでは避けるべきとされてたりする

**デフォルトの名無しさん** · 2021/04/10(土) 19:24:31.61

継承の使い手なんで
なかなかそれは難しいね。

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

C#よりJSのが技に制限がなくて無双に感じる

**デフォルトの名無しさん** · 2021/04/10(土) 19:25:18.99

イミュータブルOOPは関数型より良いよ
関数型のメリットは完全に享受できたうえで
人間の感性によくマッチしてて理解しやすい

**デフォルトの名無しさん** · 2021/04/10(土) 19:49:49.21

好き勝手言ったけど、OOPを否定するつもりは全然無いよ。
OOPと関数型は適材適所で使ってこそ本領を発揮すると思うだけで。

>>632
黒魔術楽しいからね。仕方ないね。

**デフォルトの名無しさん** · 2021/04/10(土) 19:50:15.14

function hoge () {}; ←これやめてほしい

const hoge = () => {}; ←これがいい

**デフォルトの名無しさん** · 2021/04/10(土) 19:53:02.23

>>635
上は関数、下は値
概念的に別のもの

**デフォルトの名無しさん** · 2021/04/10(土) 20:06:58.44

関数も値じゃん

**デフォルトの名無しさん** · 2021/04/10(土) 20:20:14.88

this沼にはまるからなあ

**デフォルトの名無しさん** · 2021/04/10(土) 20:24:37.68

アロー関数考案した人ほんまエライ

**デフォルトの名無しさん** · 2021/04/10(土) 20:33:41.63

function hoge () {}
形式は巻き上げがあるのと、hogeに代入可能なのと、thisが使えちゃうから、もっぱらconstとアロー関数で書いてる

**デフォルトの名無しさん** · 2021/04/10(土) 20:41:45.23

アロー関数が偉いというか
JSは適当すぎた