【ISSUE】【総集編】React3年やってみて
2024年12月23日 22:38
https://qiita.com/baan_nasebanaru/items/fc3cb1e23707ff89fdd9
気づいたらこの記事書いて1年経過していた & 僕自身が React から卒業したので、ここ3年ぐらいのフロントの動きを振り返ってみようというモチベーションです。
React と Vue の視点からお送りします。
それ以外は こちら↓
をご参考までに。
https://zenn.dev/chot/articles/9444320b2f70f4
https://legacy.reactjs.org/blog/2020/10/20/react-v17.html
特に大きい動きは無し。
hooks API リリースが2019.6だったのですが、本体のリリースはしばらくお預け状態。
https://github.com/vuejs/core/blob/main/changelogs/CHANGELOG-3.0.md
version3 リリース
当時 Vue を触っていたわけではないので多くを語れませんが、composition API は耳に入ってきていました。
この当時、React はモダンでいけてるよみたいな空気だった気がする。
とともに X では Vue VS React
みたいな投稿をよく見かけた。
この年に僕は初めて React に出会いました。当時勧められた技術が、
デファクトスタンダードとされていたのは
あとは、
この時は「store を噛ませる構成」が普通だった。
しかし jsx で書かれているコードも多く残っており、Redux * jsx は中々つらみがあった。
https://github.com/facebook/react/blob/main/CHANGELOG.md#1702-march-22-2021
log から追いかけるとリリースしたのはこれだけで、この年も大きい動きは無し。
それでもずっと動いているように感じたんだから、エコシステムが活発だったんだろうなという印象。
https://github.com/vuejs/core/blob/main/changelogs/CHANGELOG-3.2.md#3226-2021-12-12
React と対照的に Vue は細かくリリースを積み重ねていますね。
2020年末に Vue3 リリースなので、この年は3.2.0までリリースしているようです。
基本的に yarn と tsx がとても良かった。SWR / recoil の話は耳にしつつも、Redux 全然良いやんという感じだった。
あとは vite が衝撃的だった。早い。そして設定も簡単。
webpack ほど細部までのチューニングはできなかったものの、そもそもそんなもの必要な application どの程度あるんだという話もあり、出会って以降の新規開発に webpack は選ばなくなった。
https://github.com/facebook/react/blob/main/CHANGELOG.md#1800-march-29-2022
version18 リリース。
log を見ていると useId がこの時。exprimental ながらも React Server Components(以下RSC) が入ったのもこの時。
あとは、createRoute が console 上で推薦されるようになった記憶。
https://github.com/vuejs/core/blob/main/changelogs/CHANGELOG-3.2.md#3245-2022-11-11
Vue はこの年も細かくリリースを重ねているようですね。
SWR を実際に触ったのがこの年。正直 Redux 選ぶ必要なくなったなと思った。
Redux も webpack 同様 too match なケースが多い。
React の application なら、SWR + useContext で事足りた。
後カスタムフックの話を耳にし出したのも確かこの辺。
https://github.com/facebook/react/blob/main/CHANGELOG.md#1830-april-25-2024
2023の正式リリースはなかったようですね。
ただし、この年はその他の動きが多かった。
https://github.com/reactjs/react.dev/pull/5487#issuecomment-1409720741
みんなのお父さん dan さんからのコメント。過去-現在-未来について細かく書かれており非常に良きと思った記憶が。
個人的にも触り始めた当初はお世話になったので、感謝の意しかありません。
(CRA から始めたpjで yarn eject
された webpack の設定を触ってたのもいい思い出。多分)
https://nextjs.org/docs/app/building-your-application/rendering
微妙に2023ではない気もしますが、こまけぇことはいいんだよ。
最近は追えてないですが、これ以降も RSC をまともに扱えてるのは Next だけのような気もする??
https://www.epicweb.dev/why-i-wont-use-nextjs
https://leerob.io/blog/using-nextjs
この時になるほどなと思った意見が、「アンチ意見が目立つほど広く使われてきた証」的な post をみて確かにと思いました。
https://github.com/facebookexperimental/Recoil/discussions/2171
機会があれば使ってみたいと思っていただけにややショックでした。
https://react.dev/blog/2023/03/16/introducing-react-dev
これは本当に嬉しかった。2022までは公式docsがクラスコンポーネントで書かれていたので、新しく教える時の教材に毎回困ってたんですよね...
https://github.com/vuejs/core/blob/main/CHANGELOG.md#340-slam-dunk-2023-12-29
Vue は引き続きリリースを重ねています。
これは最近 Vue を触り始めたので知りましたが、2023にリリースされた3.4は minor version ながらも大きいリリースだなと思いました。
React server component の影響で大好きだった emotion(というか runtime css in js) が使えなくなった。悲しい
さらに、emotion を利用していた MUI などの一部 UI FW も巻き添えを喰らっていた。
俺の emotion を返せ
次は React と Vue の比較を書きます。多分
[cv:issue_marketplace_engineer]
診断を受けるとあなたの現在の業務委託単価を算出します。今後副業やフリーランスで単価を交渉する際の参考になります。また次の単価レンジに到達するためのヒントも確認できます。