Course curriculum

    1. 本講座で学ぶこと・デモ

    1. Reduxってなに？なんで使う必要があるの？

    2. Reduxの裏側の仕組みはどうなってる？

    3. ReactとReduxの関係性

    4. 簡単にReduxアプリケーションを構築してみよう

    5. 生のReduxで必要なものを書き出してみよう

    6. Store・Action・Reducerを実際にコーディングして用意しよう

    7. Dispatchで通知して新しい状態になったらログに出力してみよう

    8. コードのリファクタリングとReducerを作ろう

    9. 複数のReducerを組み合わせる操作を始めよう

    10. Redux dev Toolsプラグインをインストールしよう

    11. ProviderでグローバルにStoreを利用してみよう

    12. useSelectorのHooksを使って状態にアクセスしよう

    13. Actionを作成してuseDispatchでStoreへ通知を出してみよう

    14. Actionを作成してuseDispatchでStoreへ通知を出してみよう

    15. payloadを追加して7ずつカウントアップさせよう

    1. 完成品のデモ紹介

    2. ショッピングカートプロジェクト用に雛形を作成しよう

    3. Redux ToolkitでStoreを作成してみよう

    4. Sliceを理解して実装してみよう

    5. reducerをstoreに渡して中身を確認してみよう

    6. ナビゲーションバーを作成してみよう

    7. useSelectorでstoreにアクセスして表示してみよう

    8. HeroIconsを利用してカートアイコンを表示しよう

    1. 商品情報をローカルで定義しておこう

    2. 買い物かごの中身を出力するコンテナを作成しよう：その１

    3. 買い物かごの中身を出力するコンテナを作成しよう：その２

    4. Storeの中身から商品情報を取り出して出力してみよう

    5. 全ての商品を削除するActionとReducerを作成しよう

    6. DispatchでStoreに通知して商品を全て削除しよう

    7. １つの商品を削除するReducerを作成しよう：その１

    8. １つの商品を削除するReducerを作成しよう：その２

    9. 購入する商品数を昇降させるReducerを作成しよう

    10. 合計金額・商品数を管理するReducerを作成しよう

    11. カート状態が変化する度に発火する仕組みを構築しよう

    1. モーダル専用コンポーネントを作成してみよう

    2. ModalSliceを作成しよう

    3. 全削除を押してモーダルを出現させよう

    4. 商品全削除ボタンとキャンセルボタンを実装しよう

    5. 最後にRedux入門講座を振り返ってみよう

    1. ボーナスレクチャー

About this course

  • 14,000円
  • 41回のレッスン
  • 3時間の動画コンテンツ

Discover your potential, starting today