[Redux編] Redux Tool KitとReact HooksによるモダンReact フロントエンド開発
What you'll learn
- ReduxのReactでの活用方法
- Redux Tool Kitの使い方
- Django RestFrameworkとのAPI連携方法
- Reduxを使ったフルスタックのToDoアプリ開発
Requirements
- (必須)基礎編コースの受講 ”[基礎編]React Hooks + Django REST Framework API でフルスタック開発”
- Mac OS
Description
2019年10月に、version1.0がリリースされたReduxToolKitの登場により、React プロジェクトへのReduxの導入が簡単に出来るようになりました。過去にReduxで挫折してしまった方、これからReduxを初めて学ぶ方、なんとなく分かっているがより理解を深めたい方におすすめのコースになっています。
Redux ToolKitは、Reduxの開発元から公式に導入を推奨されているツールですので今後多くのReactプロジェクトで採用されていくことが予想されます。React HooksとRedux ToolKitを組み合わせたReactの開発手法は、グローバルに今後のReact開発のメインストリームになっていきますので本コースでキャッチアップしていきましょう!
本コースは、基礎セクションと実践セクションで構成されています。
(基礎セクション)
-Reduxとは?
-Redux Tool KitのReact Hooks プロジェクトへの導入
-Redux Tool Kit テンプレートの理解 (カウンター状態管理のデモ)
-Redux DevTools
-簡易ToDo アプリ作成(Redux)
-外部APIへの同期処理(createAsyncThunk)
(実践セクション) : 本格的タスク管理 App作成フルスタック
(Redux Tool Kit + React Hooks + Django RestFramework)
- Redux による タスクStateと認証Stateの状態管理
- Django RestFramework API Endpointとの連携(同期処理)
- 認証機能の実装 (JWT + localstorage)
- CSSのmodule分割
Who this course is for:
- Reduxを理解したい人
- 最新のRedux Tool Kitの使い方を学びたい人
- フロントエンドとバックエンドのAPI連携を学びたい人(Redux 非同期処理)
Instructor
-現役エンジニア(大手外資系企業)
-Web 開発 ソフトウェア開発経験10年以上
-旧帝国大 修士課程卒 (理論物理学)