次のセクション: 对props进行限制958 回再生

5 秒后自动播放下一节
  もう一度見る

React の基本をすぐに始めましょう

導入 >
コースウェア
章1仮想DOMとJSX

React の概要

13分26秒

反応小型ケース

17分30秒

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

08分40秒

仮想DOMとリアルDOM

07分38秒

jsx構文規則

22分56秒

jsx の小さな演習

16分55秒
章2コンポーネント指向プログラミング

開発者ツールのインストール

06分33秒

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

05分30秒

機能部品

14分15秒

関連する知識を確認する

20分27秒

クラスコンポーネント

12分09秒
章3コンポーネントのコア属性の状態

状態の理解

06分09秒

初期化状態

10分54秒

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

11分47秒

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

18分59秒

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

07分18秒

setStateの使用

14分17秒

州の略語

15分26秒

状態を要約する

03分04秒
章4コンポーネントのコア属性の小道具

プロップの基本的な使い方

08分43秒

小道具をバッチで渡す

20分20秒

小道具を制限する

18分06秒

小道具の略称

07分52秒

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

07分32秒

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

06分45秒

小道具の概要

05分36秒
章5refs、コンポーネントのコア属性

文字列形式の ref

13分01秒

コールバック形式の ref

11分14秒

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

13分33秒

createRefの使用

07分58秒

概要参照

03分39秒
章6イベントとフォームデータ

イベント処理

09分14秒

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

13分35秒

制御されたコンポーネント

10分30秒

高階関数と関数カリー化

23分54秒

カリー化せずに書く

07分06秒
章7コンポーネントのライフサイクル (1)

リードのライフサイクル

27分28秒

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

11分54秒

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

11分49秒

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

03分57秒

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

14分21秒

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

08分57秒
章8コンポーネントのライフサイクル (2)

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

20分32秒

getDerivedStateFromProps

11分01秒

getSnapshotBeforeUpdate

11分15秒

10 getSnapshotBeforeUpdate のケース

22分28秒

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

04分20秒

DOM の差分アルゴリズム

34分56秒
章9足場

反応足場を初期化する

35分55秒

足場ファイル紹介_公開

20分33秒

足場ファイル紹介_src

17分37秒

シンプルな Hello コンポーネント

37分43秒

スタイルのモジュール性

05分08秒

WebStorm のショートカット キー

10分02秒

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

08分50秒
章10TodoListのケース

TodoList case_static コンポーネント

30分56秒

動的初期化リスト

16分36秒

追加 - Todo

28分09秒

マウス移動効果

09分11秒

チェックを入れてチェックを外す

18分13秒

小道具を制限する

06分11秒

Todoを削除する

13分11秒

ボトム関数の実装

21分29秒

TodoList 事例の概要

04分41秒
章11Douban動画検索事件

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

31分43秒

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

26分32秒

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

16分41秒

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

30分10秒

Douban 動画検索 case_表示データ

14分05秒

Douban動画検索事件_完了事件

23分05秒

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

24分28秒

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

36分04秒

Douban動画検索事例_概要

章12react router

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

07分46秒

ルーティングの理解

07分32秒

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

24分27秒

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

38分02秒

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

24分01秒

NavLinkの使用

04分59秒

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

20分44秒

スイッチの使用

06分33秒

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

19分03秒

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

11分37秒

リダイレクトの使用

09分41秒

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

33分51秒

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

28分23秒

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

15分29秒

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

14分19秒

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

04分02秒

押して返信する

09分53秒

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

25分01秒

withRouterの使用

13分40秒

BrowserRouter と HashRouter

08分40秒
章13UIコンポーネントライブラリantd

antdの基本的な使い方

25分53秒

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

09分44秒

antdカスタムテーマ

12分03秒
章14状態管理の冗長性

redux の概要

08分13秒

Reduxワークフロー

19分29秒

合計ケース_Pure React バージョン

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

44分17秒

case_redux フルバージョンの要約

20分04秒

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

21分12秒

反応 Redux の理解

07分36秒

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

16分07秒

React-redux の基本的な使い方

34分34秒

最適化1_略語mapDispatch

13分11秒

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

07分50秒

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

06分01秒

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

17分06秒

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

データ共有_完全データ共有

純粋関数

Redux開発者ツール

17分18秒

最終版

18分21秒

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

12分42秒
章15拡大する

拡張子1_setState

拡張機能 2_lazyLoad

拡張機能 3_stateHook

拡張機能 4_EffectHook

拡張機能 5_RefHook

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

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

拡張子 8_PureComponent

拡張機能 9_renderProps

拡張子 10_ErrorBoundary

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

  • キャンセル返事送信
  • キャンセルノートの配布送信