Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか｜ハイクラス転職・求人情報サイト AMBI（アンビ）

Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか Reactを取り巻く状態管理のアプローチは変化を続けていますが、いま知っておくべき手法とはどのようなものでしょうか。小林 徹（@koba04）さんに、現在、そしてこの先の状態管理について執筆いただきました。 こんにちは、小林（@koba04）です。 2019年5月に『SPAにおける状態管理:関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷』という記事を書きましたが、そこから2年以上が経過し、Reactを用いた状態管理は大きく変わりました。本記事ではReactを取り巻く状態管理の変遷について解説します。 広がるReduxの採用 Hooksの登場 コンポーネントツリーから独立した状態管理 Concurrent Featuresによる新しいユーザー体験 状態とキャ

[murlock]

なぜルー語のようになるか、それはその方が意味が通じやすいから。無理やり日本語に直せばそれは意味がわかっていた人からしたら逆に「すゑひろがりず」に感じてしまうでしょう。

[xlc]

なんでフロントエンド界隈の意識の高い方々はルー語みたいなのを喋るんだろうか。なんとなくすごいことをしてる感が大事？

[teppeis]

koba04さんによるここ2年ぐらいのReact状態管理周辺のトレンド解説。Reduxの普及、Hooksの台頭、GraphQLやQueryライブラリによるデータ取得とキャッシュ、Edgeの活用、Server Componentsなど

[sigwyg]

“そもそも、これらのデータはなぜフロントエンドで保持する必要があるのでしょう。（中略） この理由は、ブラウザとサーバー間が最もパフォーマンスのボトルネックになりやすい部分だからです。”

[uehaj]

選択肢の一つとして「React Queryを状態管理ライブラリとして使い倒そう！/useQStateのススメ」 https://qiita.com/uehaj/items/4e41e294181b3771e77a

[BfMlUSZLHo8iFQj]

もうこういうの、いいです。

[efcl]

Reactの状態管理についての記事。 React外で管理するRedux/XState、React中で管理するRecoil、フロントの状態を一時的なキャッシュとして扱うQuery系のSWRやreact-queryについて

[yarumato]

“データの流れを単方向に（純粋関数として実装できるのでテストしやすい）を実現するためReduxが普及。考えなしのRedux採用で定型的コード多さに不満。最適な使用法を公式で公開。状態管理をなぜDBでなくフロントで？”

[Ashburton]

状態管理のライブラリやらhooksの導入には熱心なんだよね。でも、機能を十分活用したWEBサイトが作られることはない。

[afunrupar]

Flutterの状態管理ライブラリで「もちろん知ってますよね」な感じでReact発の概念が入ってきててつらかった

[turanukimaru]

英語ではなくルー語の話？デメリットについてもフォーカスとかユーザー体験にネガティブな影響は具体的にどういう事だよ…と思う。あと英語の方もデータを状態と呼ぶのは悪い習慣だと思う。状態とコンテンツは別物。

[doituwn]

“Server Components”

[akymrk]

koba04

[mayumayu_nimolove]

vueは楽だよ