Webpack+react ファミリー バケットが穀物バックエンド プロジェクトを開発

• 章1 第一章
• 1-1 ビルドツールの紹介
• 1-2 Webpack の概要
• 1-3 Webpack は小さなテストです
• 1-4 Webpack 設定ファイルの使用
• 1-5 ローダーの解析が少なくなる
• 1-6 eslint-loader の構文チェック
• 1-7 js構文変換
• 1-8 新しい js 構文がオンデマンドで導入されます
• 1-9 url-loader はスタイル内の画像を解析します
• 1-10 htmlファイルをパッケージ化する
• 章2 第2章
• 2-1 画像リソースを HTML にパッケージ化する
• 2-2 他のリソースをパッケージ化する
• 2-3 自動的にコンパイル、パッケージ化、実行します
• 2-4 HMR (ホットモールド交換)
• 2-5 devtool マッピング テクノロジ
• 2-6 本番環境を準備する
• 2-7 パッケージ化されたファイルのディレクトリをクリアする
• 2-8 CSSを別のファイルに抽出する
• 2-9 CSSファイルの互換処理
• 2-10 CSSを圧縮する
• 章3 第三章
• 3-1 HTMLを圧縮する
• 3-2 vscodeコンパイラの使用
• 3-3 リアクションの紹介
• 3-4 hello-react
• 3-5 仮想 DOM を作成する 2 つの方法
• 3-6 いくつかの小さな質問
• 3-7 jsx構文規則
• 3-8 jsx での小さな練習
• 3-9 コンポーネントを作成する 2 つの方法
• 3-10 レビュー
• 章4 第四章
• 4-1 コンポーネントの 3 つの主要な属性の状態
• 4-2 州の略語
• 4-3 props、コンポーネントの 3 つの主要なプロパティ
• 4-4 propsを介してタグ属性を渡す簡略化された記述方法
• 4-5 コンポーネントの 3 つの主要な属性の ref&event 処理
• 4-6 ref 新しい構文
• 4-7 レビュー
• 4-8 todolist は静的コンポーネントを実装します
• 4-9 todolist はデータを動的に表示します
• 4-10 完全な todolist
• 章5 第五章
• 5-1 制御されたコンポーネントと制御されていないコンポーネント
• 5-2 コンポーネントのライフサイクル
• 5-3 レビュー
• 5-4 forceUpdate と willRecriveProps について
• 5-5 getDerivedStateFromProps
• 5-6 getSnapshotBeforeUpdate
• 5-7 差分アルゴリズムを検証する
• 5-8 キーの機能
• 5-9 反応足場をダウンロード
• 5-10 React Scaffolding の簡単な説明
• 章6 第6章
• 6-1 反応スキャフォールディングの詳細な説明
• 6-2 コンポーネントのシンプルな組み合わせ
• 6-3 コメントケース - 静的ページ
• 6-4 ユーザーコメントの場合 - 動的初期化
• 6-5 ユーザー コメント ケース - コメントを追加する
• 6-6 ユーザーレビューケース - 完全なインタラクション
• 6-7 ユーザーレビュー - 第 2 版
• 6-8 アクシオス演習
• 6-9 フェッチの簡単な練習
• 6-10 Github 検索ケース - 静的ページ
• 章7 第 7 章
• 7-1 github 検索ケース - リクエストを送信する
• 7-2 github 検索ケース - 完全なインタラクション
• 7-3 レビュー
• 7-4 github 検索ケース - pubsub バージョン
• 7-5 Reactコンポーネント間の通信方法
• 7-6 ルーティングの概要
• 7-7 基本的なルーティングの使用法
• 7-8 基本的なルーティングの詳細な説明
• 7-9 二次ルーティングの構築(1)
• 7-10 レビュー
• 章8 第八章
• 8-1 二次ルーティングの構築(2)
• 8-2 パラメータを渡すルーティングコンポーネント
• 8-3 プログラムによるルートナビゲーション
• 8-4 antdの簡単な使い方
• 8-5 レビュー
• 8-6 フォルダーの紹介 - プロジェクト効果のデモンストレーション
• 8-7 git を確認する
• 8-8 プロジェクト技術の選定
• 8-9 create-react-app を使用してアプリケーションを構築する
• 8-10 antd スタイルのオンデマンド導入を構成する
• 章9 第9章
• 9-1 antdカスタムテーマ
• 9-2 ログインルートと管理ルートを構築する
• 9-3 静的ページにログインする
• 9-4 antd の From コンポーネント-静的
• 9-5 ユーザー名の宣言的検証
• 9-6 パスワードのカスタム検証
• 9-7 ログインフォームの統一認証
• 9-8 高次成分と高次関数
• 9-9 レビュー
• 9-10 Reduxブランチを準備する
• 章10 第十章
• 10-1 Redux インタラクション モデルの概要
• 10-2 redux概略図の詳細説明
• 10-3 Case-React バージョン
• 10-4 Case-redux-no-action バージョン
• 10-5 Case-redux 最終バージョン
• 10-6 反応 Redux の概要
• 10-7 Case-react-redux (最初のバージョン)
• 10-8 Case-react-redux (第 2 版)
• 10-9 反応 Redux 非同期プログラミング
• 10-10 Reduxデバッグツールの使用
• 章11 第11章
• 11-1 React-redux のモジュールコーディング
• 11-2 レビュー
• 11-3 Redux開発環境を構築する
• 11-4 APIインターフェースとテスト
• 11-5 クロスドメインの問題を解決するためにプロキシを構成する
• 11-6 postリクエストのjson形式のエンコードパラメータ
• 11-7 axios リクエスト インターセプターの使用
• 11-8 axios レスポンス インターセプターの使用
• 11-9 プロジェクトのベースパスを構成する
• 11-10 プログレスバー効果のリクエスト
• 章12 第12章
• 12-1 サーバーから redux 管理に返されたユーザー情報を処理します。
• 12-2 自動ログイン
• 12-3 ログアウト機能
• 12-4 レビュー
• 12-5 デコレータの構文
• 12-6 トークンの検証
• 12-7 管理者全体のレイアウト構築
• 12-8 管理サブルーティングの構築
• 12-9 ヘッダーの静的レイアウト
• 12-10 ログインステータスの有効期限が切れた場合の自動ジャンプ
• 章13 第13章
• 13-1 ヘッドインタラクション - 全画面切り替え
• 13-2 ヘッドインタラクション - ログアウト
• 13-3 ヘッドタイム表示
• 13-4 気象情報を取得する
• 13-5 天気情報を表示する
• 13-6 withRouterの使用
• 13-7 左側のナビゲーションの静的レイアウト
• 13-8 左ナビゲーションの静的 - 切り替え効果
• 13-9 メニューを動的に生成する
• 章14 第14章
• 14-1 メニューはデフォルトで選択され、自動的に開きます
• 14-2 ヘッダーコンポーネントにタイトルを表示する
• 14-3 redux を使用してタイトルを管理する
• 14-4 製品分類固定ページ (1)
• 14-5 製品分類固定ページ (2)
• 14-6 データを動的に初期化する
• 14-7 ポップアップウィンドウの追加と変更
• 14-8 新しい商品を追加
• 14-9 製品カテゴリーを更新
• 14-10 ナビゲーションのデフォルト選択の問題を解決する
• 章15 第15章
• 15-1 製品管理の静的ページ
• 15-2 初期化リスト表示＋ページング
• 15-3 操作項目のステータス
• 15-4 検索リクエストを送信する
• 15-5 検索機能の実装
• 15-6 製品詳細の構築と変更されたルーティング
• 15-7 ラベル選択とタイトルの問題を解決する
• 15-8 製品詳細 - 固定ページ
• 15-9 詳細を表示
• 15-10 サーバーから詳細を取得する
• 章16 第16章
• 16-1 製品詳細の表示-redux
• 16-2 製品詳細の表示 - リクエスト バックエンド
• 16-3 新しい製品の追加 - 静的ページ
• 16-4 製品データを収集する
• 16-5 写真壁掛け静的
• 16-6 アップロード コンポーネントを使用してファイルをアップロードする
• 16-7 回答のアップロードと削除
• 16-8 充実したアップロード機能
• 16-9 リッチテキストエディター
• 16-10 完成した新製品
• 章17 第17章
• 17-1 製品の改造
• 17-2 役割管理の概要
• 17-3 新しい役割を追加する
• 17-4 ツリーメニュー
• 17-5 認可機能を完了する
• 17-6 ユーザーリストを取得する
• 17-7 新しい利用者
• 17-8 メニューのトラバース - 配列のメソッド
• 17-9 eチャートの使用