Reactの状態だけでは不十分な場合

小規模なコンポーネントでは、Reactの状態管理は効果的です。データをコンポーネント内に保持し、更新し、すべてがシンプルに保たれます。

しかし、同じデータが複数の場所で必要になると問題が発生します。

例えば、ユーザーデータがヘッダー、ダッシュボード、設定画面で使用される場合、その状態はもはやローカルではありません。必要な場所にデータを届けるために、複数のコンポーネントを経由して状態を渡すことになります。

この状況はすぐに扱いづらくなります。データに関心のないコンポーネントでも、それを下位に渡さなければなりません。更新の管理が難しくなり、コードの可読性も低下します。

問題はReact自体ではありません。問題は、データがアプリケーション全体で共有されているにもかかわらず、構造が依然としてローカルであることです。

この段階で、Redux Toolkitのような集中管理型のソリューションが有効になります。