【エクササイズ】ReduxでTodo管理できるツールを作る

課題
  • Reduxの知識の再確認
  • Reducers, Actions, Storeの単体テストを作成する
  • Reducers, Actions, Storeを連携した結合テストを作成する
  • GitHubに用意した課題の内容を確認して、課題クリアがこの記事でのゴール

課題内容は以下の課題レポジトリに記述しています。

課題レポジトリ

GitHub : js_exercise_for_redux_1

課題解決するために参考になる資料

Reduxとは【ReactとReduxの役割の比較】

https://tsuyopon.xyz/learning-contents/web-dev/javascript/react/what-is-the-redux/

ReduxとReactのデータの流れを図を使って理解する

https://tsuyopon.xyz/learning-contents/web-dev/javascript/react/understand-data-flow-of-redux-and-react/

【Redux】Actionsとは

https://tsuyopon.xyz/learning-contents/web-dev/javascript/react/what-is-the-actions-in-redux/

【Redux】Actionsのテストの書き方を覚える

https://tsuyopon.xyz/learning-contents/web-dev/javascript/react/how-to-write-tests-for-actioins-in-redux/

【Redux】Reducersとは

https://tsuyopon.xyz/learning-contents/web-dev/javascript/react/what-is-the-reducers-in-redux/

【Redux】Reducersのテストの書き方を覚える

https://tsuyopon.xyz/learning-contents/web-dev/javascript/react/how-to-write-tests-for-reducers-in-redux/

【Redux】Storeとは(ActionとReducerの連携含む)

https://tsuyopon.xyz/learning-contents/web-dev/javascript/react/what-is-the-store-in-redux/

【Redux】Storeのテストの書き方を覚える

https://tsuyopon.xyz/learning-contents/web-dev/javascript/react/how-to-write-tests-for-store-in-redux/

質問・答え合わせ受け付けてます

課題に関して質問や答えの確認をしたい方はお気軽にご連絡をいただけたらと思います。

お問い合わせ・TwitterのDM・LINE@で受けつけています。TwitterのDM、LINE@のほうが早く気づけるので早めに返信できるかと思います。

あわせて読みたい
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!プログラミングやWebで困っていることに対して何でも質問受け付けています。「こんなこと質問しても大丈夫かな」と思っている方のために過去にどんな質問があったのか一例で挙げているので参考にしていただけたらと思います。...