1-1 React の概要

1-2 反応小型ケース

1-3 仮想 Dom を作成する 2 つの方法

1-4 仮想DOMとリアルDOM

1-5 jsx構文規則

1-6 jsx の小さな演習

2-1 開発者ツールのインストール

2-2 コンポーネントとモジュール

2-3 機能部品

2-4 関連する知識を確認する

2-5 クラスコンポーネント

3-1 状態の理解

3-2 初期化状態

3-3 反応におけるイベントバインディング

3-4 これはクラス内のメソッド内にあります

3-5 この指さしの問題を授業で解きましょう

3-6 setStateの使用

3-7 州の略語

3-8 状態を要約する

4-1 プロップの基本的な使い方

4-2 小道具をバッチで渡す

4-3 小道具を制限する

4-4 小道具の略称

4-5 クラスコンポーネントのコンストラクターとプロパティ

4-6 機能コンポーネントはプロップを使用します

4-7 小道具の概要

5-1 文字列形式の ref

5-2 コールバック形式の ref

5-3 コールバック参照の呼び出し数の問題

5-4 createRefの使用

5-5 概要参照

6-1 イベント処理

6-2 制御されていないコンポーネント

6-3 制御されたコンポーネント

6-4 高階関数と関数カリー化

6-5 カリー化せずに書く

7-1 リードのライフサイクル

7-2 ライフサイクル(旧)_部品実装工程

7-3 ライフサイクル (旧)_setState プロセス

7-4 ライフサイクル (旧)_forceUpdate プロセス

7-5 親コンポーネントのレンダリング プロセス

7-6 ライフサイクルの概要 (古い)

8-1 新旧のライフサイクルを比較する

8-2 getDerivedStateFromProps

8-3 getSnapshotBeforeUpdate

8-4 10 getSnapshotBeforeUpdate のケース

8-5 ライフサイクルの概要 (新規)

8-6 DOM の差分アルゴリズム

9-1 反応足場を初期化する

9-2 足場ファイル紹介_公開

9-3 足場ファイル紹介_src

9-4 シンプルな Hello コンポーネント

9-5 スタイルのモジュール性

9-6 WebStorm のショートカット キー

9-7 コンポーネントのコーディングプロセス

10-1 TodoList case_static コンポーネント

10-2 動的初期化リスト

10-3 追加 - Todo

10-4 マウス移動効果

10-5 チェックを入れてチェックを外す

10-6 小道具を制限する

10-7 Todoを削除する

10-8 ボトム関数の実装

10-9 TodoList 事例の概要

11-1 スキャフォールディング構成エージェント 1

11-2 スキャフォールディング構成エージェント 2

11-3 Douban 動画検索 case_static コンポーネント

11-4 Douban 動画検索 case_axios 送信リクエスト

11-5 Douban 動画検索 case_表示データ

11-6 Douban動画検索事件_完了事件

11-7 Douban 映画検索 case_message 購読と公開_pubsub

11-8 Douban 動画検索 case_fetch 送信リクエスト

11-9 Douban動画検索事例_概要

12-1 SPA アプリケーションの理解

12-2 ルーティングの理解

12-3 フロントエンドルーティングの原理

12-4 ルーティングの基本的な使い方

12-5 ルーティングコンポーネントと一般コンポーネント

12-6 NavLinkの使用

12-7 NavLink コンポーネントのカプセル化

12-8 スイッチの使用

12-9 スタイル崩れの問題を解決

12-10 ルートのあいまい一致と厳密な一致

12-11 リダイレクトの使用

12-12 ネストされたルーティング

12-13 params パラメータをルーティングコンポーネントに渡す

12-14 検索パラメータをルーティングコンポーネントに渡す

12-15 stateパラメータをルーティングコンポーネントに渡します。

12-16 ルーティングパラメータの概要

12-17 押して返信する

12-18 プログラムによるルートナビゲーション

12-19 withRouterの使用

12-20 BrowserRouter と HashRouter

13-1 antdの基本的な使い方

13-2 antdスタイルのオンデマンド導入

13-3 antdカスタムテーマ

14-1 redux の概要

14-2 Reduxワークフロー

14-3 合計ケース_Pure React バージョン

14-4 case_redux 合理化バージョンの要約

14-5 case_redux フルバージョンの要約

14-6 case_asynchronous アクションのバージョンの合計

14-7 反応 Redux の理解

14-8 コンテナコンポーネントとUIコンポーネントを接続する

14-9 React-redux の基本的な使い方

14-10 最適化1_略語mapDispatch

14-11 2_Provider コンポーネントの使用を最適化する

14-12 最適化3_UIコンポーネントとコンテナコンポーネントを統合する

14-13 データ共有_書き込み者コンポーネント

14-14 データ共有_人物コンポーネントのリデューサの記述

14-15 データ共有_完全データ共有

14-16 純粋関数

14-17 Redux開発者ツール

14-18 最終版

14-19 プロジェクトをパッケージ化して実行する

15-1 拡張子1_setState

15-2 拡張機能 2_lazyLoad

15-3 拡張機能 3_stateHook

15-4 拡張機能 4_EffectHook

15-5 拡張機能 5_RefHook

15-6 拡張機能 6_フラグメント

15-7 拡張機能 7_コンテキスト

15-8 拡張子 8_PureComponent

15-9 拡張機能 9_renderProps

15-10 拡張子 10_ErrorBoundary

15-11 コンポーネント間の通信方法のまとめ