【脱Redux】SWRやReact Queryを使った状態管理戦略

mutexの桝田です！ Reactのデータフェッチに、Vercel社が提供する「SWR」やTanStackコミュニティが提供する「React Query（TanStack Query）」が使われることが多くなってきています。 これらのライブラリは単なるフェッチだけでなく、キャッシュやデータの更新を担ってくれます。また、Reactが志向する「宣言的」な記述を体現できることも大きなメリットです。 本稿では、（我々が採用する）React Queryにフォーカスし、React Queryを使って実現している状態管理について説明します。SWRを普段お使いの方に関してもかなり共通する部分が多いのではないかと思います。 1. 対象読者 Reactのデータフェッチライブラリの使用を検討している方 普段SWRやReact Queryを使用している方 普段Reactを使用するすべての方

[otchy210]

テンプレート化はしてないけどほぼ同じコード書いてた。Provider の中で useState して、その setter も Context の value に渡すと、ヘッダのメニューで set した値を本文の下層のコンポーネントに反映させる、とかも綺麗に書ける。