コースの概要〗〗:
主流のフレームワークの前方境界はなく、フレームワーク自体はホットであることは間違いないが反応します。主要な原則を達成するためのコースを説明するために反応し、実装プロセスでそうする理由を説明し、利点とどのような問題を避けます。非常に容易に得る解決することができます発生する一連の問題のための開発プロセスに反応するだけでなく、プロモーションシニア開発エンジニア必要不可欠なスキルの後にソースコードの理解を増強する能力。)Q&S2のM "J. A / R&LTのY7 O1
[PのB3 / Z2 @ 6。?、Y +。
:〗プログラム一覧]
第1章コース案内- [5 Z:V-私は
全体的なカリキュラム説明します。
「H J0「O)5 A {(Y〜1%Z。。
コース指導ルックの1-1
第2章基本リアクトAPIリスト#のB)T:C&O \ $ Z4 F.は、
APIを中心に説明反応し、することができます次の章のソースコード分析のための基礎を築くその使用の例。
2-1準備ルック
2-2 JSX JavaScriptの変換
要素2-3-REACT
2-4コンポーネントが反応する。1 G0 P&L Y位「}。6 K !\:O O7 + Y *
2-5 REF-REACT
2-6フォワード-REF。!@ + R&LT X8 |、D $ Y / N T2 O7
2-7コンテキスト
2-8同時MODE-
2-9-と-サスペンス怠惰8 I「Z-Y $] 0 W:V%Z。
2-10フック6 \%B S7は6] F8 0 T0 [0 L。。
2-11子どもE)@〜H9 / G8 M5 A. T&F、P!!
2-12その他3 I:K8 N「J&Q9 J0の@。
セクション更新第3章が反応
SETSTATEを作成および更新に反応ReactDOM.render主に二つの方法で、主に、彼らは特になかった。
;]%のB%O; X-T#が「Bに+ |
3-1 REACT-DOMレンダリングルック
ルート3-2ファイバが反応し!! U-)@ WであるPの%*を(K ;? E
3-3繊維- REACT
3-4-と反応する更新updateQueueを3 B2 K5を。1 LのT8 '@。6
3- 5反応-満了時
異なる時間expirtation-3-6 !#{Z /のL * C(A}& "D)L" `
3-7-REACT-forceUpdate SETSTATE
章ファイバスケジューラ4 X-の_9 _ ^#3 W :! N」R0
更新を作成した後、ルートは、次にスケジューリングを入力見つけ、同期および非同期動作は、更新性能断片の最適化を達成するために完全に異なっている。4 H2〜&[{:!Y9 Y:VのR&LT
!。1 Q FのI5 G * E「L)G !B
4-1プロセスの概要まとめ
4-2 scheduleWork 。1 G!G U R9。H / E」@#
4-3 requestWork
batchedUpdatesの4-4
4-5 reactSchedulerを(1)。3 A!N1 Y / R&LT K7
4- reactScheduler 6(2)+ E / | 4 | 3 B; V。。
4-7 reactScheduler(3)U3の」T H1を、X-:A、H / {Wの「O1 J3 H
4-8 reactScheduler(4))3。} V- | 9 Y1 {$のU0 ^
PerformWork 4-9 ; N + S3 U I- | ' `+ !?
4-10 renderRoot
4-11最後に、追加$ Z8 M7 J7 R2 @ E C $ E ...
更新章コンポーネントの5種類([4時間* S&E)Z. P、〜
更新処理を説明する10以上の部品の異なる種類の種類、およびどのようにツリーノードを横断するが、新しいファイバー形成
5-1入口と最適化
5-2 FunctionalComponent更新9} 9 Z!のD *のL8を ^ H. 6
5-3 reconcilerChildren 。9. 4 ^ S / ^ X0 + A4 | N- +)Q / Z「N
5-4 -アレイreconcilerChildren 0 @ 9 |:J8 E- X3 D / {
updateClassComponentの5-5 W 3はP(あります。 !の$ F)Q /〜Cは
5-6 ClassComponentを更新Dの%X#F0 M2 S; S S3、C
5-7 IndeterminateComponent成分の種類およびその更新手順
5-8 HostRoot更新:!?D * K、P4 O P1の
5-9とHostComponentの更新HostText W8 B6のE * U(G!の
「W 更新5-10 Poratlアセンブリ
5-11 ForwardRefアップデート+ Z / F「R3 T. R (S&#E8 B8 G-G S
5-12更新モードアセンブリ9 D / T + Z:D3〜 - \ LのS9 8
5-13更新メモアセンブリの
第6章タスクノードを完了し
、更新が完了した後、ノードノードの作成を完了し、そしてDOMのリストを更新するための最小振幅最適化提供
+] 9 Rを%Z7 X "
M 全体的なプロセス及び6-1 completeUnitOfWorkの意義
6-2リセットchildExpirationTime 4 P $ G:L * a)のV" Sの@ 2
6- 3 completWork具体的に何をすべきかを
最初に作成するcompleteWork DOMノードをレンダリング時間とappendAllChildアルゴリズムの6-4
DOMノードレンダリング属性の初期化方法を初めて6-5
DOM 6-6更新するかを決定するために差分を行う
ための6-7 completeWorkステージHostText更新「E3&M {R&LT O2 K&
renderRootのエラー処理のために6-8
6-9 unwindWorkは、エラー処理して反応
7章commitRootを
最小振幅変化DOMの更新されたリストUIを更新し得る。+ PIを:{3。 {「^&R6 jの
内容7-1 commitRootの全体的な動作)J5 Q; K3 R; B4
K3のK Iを{ 支援方法7-2 invokeGuardedCallback開発- U-L7&Dが*はC3 S1をP6 mは
commitRootの7-3操作-のスナップショットを取って
7-4 commitAllHostEffectsを一般的にどのようなことを行う。 'R.〜^ G V5' 5 Y X3のA] $ C
新しい子ノードの7-5 commitPlacement挿入' 〜9 Z2 W9 ^ + M 「D
7-6 commitWorkノード属性の更新処理)H8 O 'jは#F3 W
A7 O * Q7 | 操作7-7 commitWork削除ノード5 L / * jを:V
&V8 J'トン/ R8のZ!J 7-8 commitLifecyclesライフサイクル・アプローチを呼び出します5 _ _:C- G + I1
D&D9 F3 M 8章詳細な特徴:基本的な!、UのC&M#1 Q
(W4 V8 A どのように様々な更新を通して、位相関数をコミット、彼らはある役割を果たしています機能を実現する
「[* F7 K7 S8 7 D& `Q / V)U。
8-1コンテキストスタック
コンテキストAPIの8-2レガシー実装(1)。$ E4 D、N / M; M. A5 | 6 Y。 。K)O
8-3レガシーコンテキストAPI実装工程(2)及びN5 {2 W7 F :. F .; ^ + ^ Y. 4 Wが
達成する8-4新しいコンテキスト %を[T + V9&J1 J7 ^
8- 5 REF実装#&^ T + G(X0のB「E
8-6 hydrate-は水和物か否かを判断する] * Sが#I _8%「N)
8-7 hydrate-更新開始ノードは、水和物か否かを判断する
の8-8再びcompleteWork多重ノードは、水和物ができるhydrate-
噴射プラグインプラットフォームイベント-イベント・システム初期化8-9イベントを
イベントリスナーのプロセス8-10イベント「Y)Wは、*] /} O G4は$である| _8 7 M!
イベントトリガ8-11 event-中
8-12 event-生産イベントオブジェクト!(U-N4 Y5 / U3 K G#Z8 M8 [
8-満たされた13イベントリーク
章サスペンスと優先順位9
リアクト次のキラー機能としてサスペンスは、彼はそれをレンダリング非同期を実装する方法です?
9-1の意味(1)優先度とタスクの保留
9-2と優先順位(2)保留中のタスク意味4 O5 H)O4 T%〜
H / W K4のH.する@( 異なる役割expirationTime 2 9-3のR7のY;%のQ *のY2のO
* k個の$ 0 |〜&G8と、 同期パターンアセンブリ内9-4サスペンス更新/ N8の(A8 B「{W5; I V2
9-5サスペンスモード補足コンポーネントが同期されるレンダリング(X5のD 9 C9 R8 zは
9-6サスペンスアセンブリ非同期モードで更新)Z + 。\(I8 Q]% `。
7秒; I-グラムoは 、物事9-7 retrySuspendedWorkやっ
第10章詳細な特徴:フック。L-V 3:B(F. / $ F [^&
フックは、より小さい粒径が更新とより適切なAPIをデカップリングを提供するために、元の成分現像方式を覆す反応する。
(O2 [ - J)Y4のL _:〜W8
の第11章では、教訓E R、〜9のQ6} -
グラム! コース全体のレビュー、および要約。; Q H6のQ2、M3 Wであります
<ignore_js_op>