ReduxのExampleを解読する ~ ショッピングカート ~ - Qiita

Redux の Example 集の後半が結構読み応えがあったので、写経がてら面白かった箇所を書いていきます。 Redux Example https://redux.js.org/introduction/examples 今回は Shopping Cart 。 この Example の肝は、API から取得したデータをそのまま store に保存するのではなく、「正規化」という方法をとって Redux が扱いやすい形状に変化させて store にデータを保存する箇所です。「正規化」という単語はデータベースの設計でよく出てくる単語ですが、JSON にも正規化が存在するようで勉強になりました。SQL 文を書くかのごとく、APIからのデータを JavaScript で扱います。 1. redux-devtools-extension をインストール 少し Example とコードを変更します