何故 jQuery ではなく React/Vue/Svelte が流行するのか？

こんにちは。 jQuery から商業プログラミングに入門したやまゆです。 なぜ jQuery だと古い、ダメだと言われるのでしょうか？いいじゃん。 $.ajax で簡単にデータ引っ張ってこれるし、 $("#btn").click(function () { alert("押した！"); }); は誰が見ても何が起こるか一瞬で分かる Simple さがあるじゃん。なんでわざわざ React/Vue/Svelte その他 jQuery ではないライブラリを使わなければならないんでしょうか？ 100 億回言われてきたことだと思いますが、私なりに振り返ってみます。 手続き型 UI と宣言型 UI は、手続き型です。 btn という ID の DOM 要素を取得して、それらの(一応複数になる可能性があります)要素に対して click イベントハンドラを登録します。 この処理が実行される前と後では、

[ku__ra__ge]

かつてjQueryが担っていたブラウザ互換性と便利な機能は素のjavascriptで実現できるようになったのよ

[kazokmr]

jQueryに限らず複雑性が増したことが原因だと思ってるし、少し前までならその解決にjQueryならわかりやすかったんだよね。きっと今のFWでもわかりにくくなる時が来ると思ってる

[knjname]

別にReactコンポーネント上でjQuery使ってもオッケーよ　コンポーネントの凝った動きに慣れない標準APIで悪戦苦闘するぐらいならjQuery使っても良い

[hatest]

かつてjQueryは標準JSでの足りない仕様を補完してくれたが、標準JS側がjQueryの仕様を取り込んだ形になって今はほぼ差がない。ただ、ReactとかVue使ってても一緒にjQueryも使える。jQueryはプラグインが豊富だからまだ延命中

[lifeisadog]

少しずつVanilla JSで足りるようになるはず

[for-my-internet-demo]

React出始めのとき、レンダリングエンジン組むのと体験が似てるのは良かった。oopもどきやidぶっこぬきで作ってた複雑なやつ、ネイティブアプリもDOMも10年前のパラダイム普通に嫌

[sigwyg]

SimpleとEasyは違うってのがReact（Simple）の潮流だったような。「他人の書いた（ある程度複雑な）JQueryは触りたくない」が一番の理由だけどね。

[masalib]

SPAならReactというイメージがあるけど簡単なページならJQueryや標準JSでもいいかと思う。保守する人間のレベルによると思う。

[kojikoji75]

“べきとう性とは、「何度実行しても同じ結果が得られること」です。 jQuery にはべきとう性がない操作（破壊的な操作と言います）が大半です。 ”

[bascinet]

AngularじゃなくてSvelteが入って来てるの感慨深いな…Svelteこそシンプルさの塊だからjQuery使ってる人にお勧めしたいんだよね

[s_rsak]

Reactは分かりやすいから使うんじゃなくて、SPAサイトを構築する時に仕方なく使うものと思ってた。HTMLとjavascriptが分離しているjQueryの方が圧倒的に簡単。

[yhachisu]

わかりやすくて勉強になった。

[hamamuratakuo]

手続き型UIと宣言型UI　違いはなんでしょうか？ 「べきとう性」 が大きいです。べきとう性とは「何度実行しても同じ結果が得られること」です。 jQuery にはべきとう性がない操作（破壊的な操作と言います）が大半です。

[udddbbbu]

商業プログラミングというワードに初めて出会った

[mayumayu_nimolove]

jQueryいらないだろ。バニラでできるし。で、バニラでclassとか使うくらいになるとReactにメリットが出てくる。よくあるやつを作るなら今ならalpine.jsで事足りる。

[inatax]

手続き型から宣言型へのパラダイムの変遷の話をしていたと思ったら、結論では急にJSXやSFCのわかりやすさの話が始まってよくわかんなかった

[aike]

半分同意するけど、jQuery登場は当時としては宣言型0.5くらいの筋の良い進歩だった。今はさらに宣言型1.0に進歩したという理解。 初回に１度だけ実行される初期化処理の例でDOM状態が分かりづらいかというとどうだろ。

[deep_one]

「後から保守しようとなった時に裏で生成されている大量の CSS を見てげんなりする」

[mag4n]

末節の書き方云々ではなくMVVMみたいな設計思想がウケたのだと。jQueryは言うてイベント駆動止まり。MVCの発展を探してたのだよ。

[miragestlike]

「古い」、「新しい」が相対的なのでもう少し客観的な修飾語がほしい。jQueryが新しいとか書かれていたので一瞬身構えた

[uunfo]

歴史から消されたprototype.js

[niwaniwaniwauwaniwaniwaniwa]

歴史の闇に葬られたAngular

[sakuro]

平仮名の「べきとう」にじわる

[yarumato]

“Win32APIなど過去のGUI作成も「宣言型」に近い作り方をしていた。jQuery側が新しいやり方だった。jQeuryは自由に編集できる結果、今のDOM要素の状態がわからない。あえて自由度を下げ制約を設けるReact。要素ごとに分離”