「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfrastructure.osscons.jp]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。 -戻る --[[React]] --[[Redux]] --[[Reactのファースト・ステップ]] *目次 [#a4c3ea2d] #contents *概要 [#c8d6c3ab] -create-react-appを使用した、[[React]] + [[Redux]]の step by step。 -[[コチラ>Redux#h03d288c]]を参考にして[[Redux]]サンプルの実装を行う。 *手順1 [#fa5b6488] 色々悩んだが、先ずは、 以下の「Example: Todo List」のClass化版をやることに。 -React+Redux で Todoアプリを作ってみる │ Web備忘録~ https://webbibouroku.com/Blog/Article/react-redux-todo -React Redux勝手にチュートリアル(TODO List) - TOEIC940点の文系プログラマー~ http://uraway.hatenablog.com/entry/2016/02/12/182048 (というか、[[コレ>Reactのファースト・ステップ#n908d0bb]]の[[Redux]]化に失敗したため) **インストール [#maeb5c00] 以下のインストールを行う。 ***redux [#jfc83ae2] > npm install --save redux ***react-redux [#p3cc721b] > npm install --save react-redux **実装 [#haacb1a8] ***Entry Point [#rb1d278d] createStoreする。 ***Action Creators [#z23bc81f] ***Reducers [#va1a4989] *手順2 [#m993fb4d] *参考 [#v94b3eeb] **[[Reactのファースト・ステップ]] [#s8192f13]