Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Understanding React
Introduction
Introduction (1:48)
Setup (1:53)
A Basic React App (2:07)
The React Source Code (2:06)
The DOM and Declarative Programming
The DOM and Declarative Programming (0:20)
HTML and Trees (2:00)
HTML, The Browser, and the DOM (4:02)
DOM Manipulation (6:32)
Conceptual Aside: Imperative vs. Declarative Programming (3:00)
The DOM and Imperative Programming (3:12)
The DOM and Declarative Programming (4:08)
React Elements
React Elements (0:26)
Conceptual Aside: Recursion (4:17)
Conceptual Aside: POJOs (12:52)
Creating React Elements (11:36)
React Element Trees (5:25)
Conceptual Aside: DOM Element References (1:31)
React Elements and DOM Elements (6:03)
React DOM Updates (12:11)
Components (6:01)
Components and Reusability (11:07)
Conceptual Aside: Pure Functions (5:18)
Props (12:24)
Template Logic (14:11)
Element Properties (7:18)
JSX
JSX (0:21)
Conceptual Aside: Markup and Tree Creation Shorthand (1:56)
Conceptual Aside: Transformation (1:48)
React Elements and JSX (19:40)
JSX and Thinking In Elements (12:00)
Conceptual Aside: HTML Authoring (2:47)
Fragment and HTML Authoring (10:04)
Fiber and Reconciliation
Fiber and Reconciliation (0:42)
Root Creation and render (8:57)
Conceptual Aside: Trees and Linked Lists (4:22)
Fiber, Fiber Nodes, and Fiber Trees (6:57)
Conceptual Aside: Tree Reconciliation and the Tree Edit Distance Problem (3:44)
Work-In-Progress Nodes (9:28)
Reconciliation and Work (5:48)
Execution Contexts and Pausing Work
Execution Contexts (0:21)
Conceptual Aside: Execution Contexts and the Event Loop (3:42)
Fiber and Custom Execution Contexts (4:14)
Units of Work and The Work Loop (3:00)
Conceptual Aside: Equality (3:34)
Beginning, Completing, Bailing Out and Pausing Work (7:01)
Lanes and Priority (2:35)
React DOM and Rendering
React DOM and Rendering (0:14)
Committing Work and The Renderer (2:55)
Mounting, Updating, and Unmounting (4:48)
Events
Events (0:23)
DOM Events (11:36)
React Event Objects (7:52)
Synthetic Event Properties and Methods (5:43)
MORE COMING SOON!
JSX and Thinking In Elements
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock