React の状態管理の歴史と、最新 API に込められた React の思想

ARANK

!はじめにReact が誕生して10年以上が経ちましたが、「状態管理」の議論は今も終わりません。Redux、Recoil、Zustand、そして useSyncExternalStore。なぜこれほど多様なライブラリが生まれ、React 公式はついに"標準 API"を出したのでしょうか？本記事では、「状態管理の歴史」と「React が見ている世界」を整理しながら、最新 API が登場した背景まで深く掘り下げます。また、この内容は JSConf.jp 2025 Pre Event で話した内容の補足や詳細です。この記事の読み方記事全体を通して読むことで状態管理の歴史が体系的に理解できますが、すでに知っている部分は読み飛ばしても問題ありません。あなたの状況おすすめの読み始めReact の状態管理について基礎から学びたい1. React における「状態」とは何か？ からRedux は使ったことがある5. Recoil の登場 からRecoil や Zustand も知っている7. useSyncExternalStore の登場 から結論だけ知りたい9. まとめ へtl;dr状態管理は UI = f(state) という React の思想を支える根幹Redux → Recoil → Zustand と時代ごとに異なる課題を解決してきたuseSyncExternalStore は公式が提示した"外部ストアとの正しい同期"React の理想…