[Redux編] Redux Tool KitとReact HooksによるモダンReact フロントエンド開発

Redux開発チームから公式に推奨されている最新技術 Redux Tool Kitの使い方を学びます。React Hooks + Redux Tool Kitで最新のReact開発手法を習得します。API との連携も網羅しています。

[Redux編] Redux Tool KitとReact HooksによるモダンReact フロントエンド開発
[Redux編] Redux Tool KitとReact HooksによるモダンReact フロントエンド開発

[Redux編] Redux Tool KitとReact HooksによるモダンReact フロントエンド開発 udemy course

Redux開発チームから公式に推奨されている最新技術 Redux Tool Kitの使い方を学びます。React Hooks + Redux Tool Kitで最新のReact開発手法を習得します。API との連携も網羅しています。

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分割