React ステート管理 比較考察 - uhyo/blog

こんにちは。Reactの話題の中でもかなりの部分を占めるのがステート管理、さらに言えば各種のステート管理ライブラリです。今さらながら、Reactにおけるステート管理の手法やいくつかのステート管理ライブラリを比較考察して記事にまとめました。 useState + バケツリレーReactにおける基本的なステート管理はuseStateです。ひとつのコンポーネント内で完結するようなステートならばuseStateは非常に適しており、他の選択肢はほぼ無いと言っても構わないでしょう。 ステートをアプリケーションの広範囲で使いたい場合が問題です。次の画像に例示されるように、分岐したコンポーネントツリーの末端のコンポーネント（使用者）で同じステートを参照したい場合を考えます。 useStateと組み合わせる場合、もっとも原始的な方法はpropsのバケツリレーによるものです。propsは親コンポーネントから子

[uehaj]

React Queryは？ステート管理をキャッシュ戦略で巻き取る

[non_117]

Recoilよさそう。ただ、グローバル状態が分散するRecoilはcontextと同様の設計のむずかしさがありそう。熟練のプログラマなら綺麗に設計できるが、初学者は破綻するやつ。

[Lumin]

Recoilは人類にとって少しまだ早い気がする。reduxくらいがちょうどいい／ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ•̫͡•ʕ•̫͡•ʔ•̫͡•ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ

[mayumayu_nimolove]

ステートに関してはnuxtの方がわかりやすい

[jay-es]

React の状態管理。useState, useContext, Redux, Recoil, MobX の説明

[youko03]

“もしグローバルなステートの目的のほとんどがフェッチしたデータを保持することであれば、他のステート管理ライブラリが不要となる可能性もあるでしょう。”

[alluser]

ものすごいいいまとめだった。最近気になっているlegend stateについての考察も見てみたい

[nasikusa_moove]

React の状態管理 ( props で渡す or context or redux など )の比較をわかりやすくまとめてくれていてありがたかったですー。

[efcl]

Reactのステート管理、 useState, Context, Recoil, Reduxについて

[dekokun]

大変分かりやすい。Recoilが必要になるところが、現実世界の大変なところだなぁ。

[Haaaa_N]

結局Reduxかなあ、Recoilも良さそうだけど

[berlysia]

react-queryあたりまでの追記含めて近い感覚を持っているので誰かに投げるときにこの記事を使いたい

[yamadar]

いま頭痛してて文字を見れないから後で読む

[seotch]

“Atomに対してsubscribeしている場合、Atomのデータが変化した場合のみコンポーネントが再レンダリング”

[atico]

Contextで問題があるケースが知りたい。仮想DOMということもあり、再レンダリングで問題になった経験がなく、React 18から再レンダリングはバッチになり、ますますパフォーマンス的に問題なくなるはず。

[Cherenkov]

useState props バケツリレー react-redux

[tasukuchan]

“useState”

[fuyu77]

ちょうど仕事でReactの状態管理の技術選定しているから詳しく整理されていて助かる。

[noseld]

グローバルステートどうするかは0→1つくると必ず議論になるけど、ここまで明確に言語化できるの羨ましい

[Shisama]

説明がうまい

[J138]

store絡むとテストめんどくなるのは激しく同意。mobxはオブジェクトまるっとobservableすると全然意図した挙動しなくてみんな地獄に落ちていくところ以外は好き。nextjsに気持ちよく組み込める何かとしてrecoilはどうなんだろ

[knjname]

MobXは状態と結びつけるOrganismレベルのコンテナでobserver書くぐらいだからそこまで煩雑には感じてない　繰り返しのある大量要素のレンダリング最適化だけはMobXに寄せるのでコードが汚くなる　他の状態管理でもそうだが

[arc_at_dmz]

これまで読んだ中で一番端的で分かりやすかった。

[Keisuke69]

MobXってあったな

[amagitakayosi]

助かる