Reduxチュートリアル

はじめに 二つの基本概念 主な用語 Reduxアプリケーションのワークフロー 三つの主要概念

作業ツール

主なツール Reactアプリケーションのインストールと準備 ReactでのReduxとRTKのインストール Redux DevTools Extensionのインストール React Routerのインストール

基本動作スキーム

スライスの追加 リデューサー セレクターとuseSelectorフック コンポーネント内でのストアからのデータ取得 フォームとローカルステート フォームの追加 リデューサーとアクション アクションのディスパッチ 動作スキームの議論

データ操作

はじめに 商品個別ページ ブラウザでの商品ページ store内の商品データの変更 データ編集フォーム ブラウザでの商品編集ページ actionオブジェクト用データの準備 追加スライスの作成 出品者情報の追加 フォームへの変更反映 スライスデータの複数回利用 追加ロジックの導入 レデューサーの追加 actionのディスパッチ

サーバーとデータベース

イントロダクション ステート構造の変更 セレクタ操作の最適化 サーバー操作のためのMSWのインストール サーバーのデータベース データベース用データモデルの作成 販売者データオブジェクトの作成 商品データオブジェクトの作成 データベースへのエントリー作成 GETリクエストによるサーバーからのデータ送信 アプリケーション用クライアント

非同期ロジックとThunks

Thunksの紹介 createAsyncThunkを使用する利点 コンポーネントからのThunkのディスパッチ 追加のレデューサー 重複リクエストの排除 リクエストステータスの適用 出品者データの取得 Thunkの直接ディスパッチ Thunkで送信されたリクエストの処理 Thunkを使用したデータの送信 コンポーネントでの作業結果の表示 出品者リストの表示 出品者ページ
日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否