https://www.youtube.com/watch?v=so0JgVToRLk&list=PLX8Rsrpnn3IWavNOj3n4Vypzwb3q1RXhr&index=3

Reactの場合、stateはコンポーネントの中でしか管理できない

しかしReduxを使うと、Storeという要素の中でstateを管理できるようになる

＝ ある手続を踏むことで、どのコンポーネントからでもStore内にあるstateを参照・変更できるようになる

イメージ図

【NG】propsのバケツリレー

https://www.youtube.com/watch?v=so0JgVToRLk&list=PLX8Rsrpnn3IWavNOj3n4Vypzwb3q1RXhr&index=3

• 親コンポーネントでstateAを管理している
• ひ孫コンポーネントでイベントが発生
• バケツリレー式で親まで伝達
• 他のコンポーネントでもstateAを使っていた場合、親コンポーネントから改めて子、孫、ひ孫・・・と伝達

コンポーネント（やモジュール）同士が密結合状態！

こんなの大変すぎるし、メンテナンスが複雑になる！！バグの温床にも・・・

【解決策】Reduxでstateを管理する

https://www.youtube.com/watch?v=so0JgVToRLk&list=PLX8Rsrpnn3IWavNOj3n4Vypzwb3q1RXhr&index=3

• StoreでstateAを管理
• ひ孫コンポーネントでイベント発生
• ひ孫コンポーネントからStoreに直接伝達