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)
State
State (0:16)
Conceptual Aside: State Machines (6:36)
Conceptual Aside: Pure Functions (again) (2:41)
UI: A Function of State (2:46)
Conceptual Aside: Reducers (6:31)
Actions and State (8:56)
Hooks, State, and Reducers
Hooks and State (0:24)
Fibers, Hooks, and State (4:04)
Conceptual Aside: Queues (3:54)
Update Queues (2:46)
State and Re-renders (2:38)
useReducer (Part 1) (7:48)
useReducer (Part 2) (6:04)
useState (Part 1) (4:16)
useState (Part 2) (10:47)
Rules of Hooks (7:43)
useState (Part 3) (10:37)
Conceptual Aside: Shallow Equality and Object.is (8:11)
Immutable State (7:46)
Adding Your Own Side Effects: useEffect
Adding Your Own Side Effects: useEffect (0:15)
Conceptual Aside: Pure Functions and Side Effects (1:31)
Adding Your Own Effects (11:46)
Dependencies (8:06)
A Game of Ping Pong (2:34)
Unmounting and Effects (9:54)
Fetching Data...or not (10:26)
Conceptual Aside: Stale Closures (4:08)
useEffect and Stale Closures (9:51)
What Not to Do (10:25)
useRef and forwardRef
useRef and forwardRef (0:23)
useRef (4:26)
useRef and the DOM (5:15)
forwardRef (4:15)
Custom Hooks
Custom Hooks (0:24)
Extracting Custom Hooks (12:30)
MORE COMING SOON!
Component Design
Component Design (0:21)
Real World Complexity and Loops (18:30)
Lifting State Up (28:51)
&&, 0, and Ternary Operators (12:27)
Children (6:01)
useContext
useContext (0:50)
Prop Drilling (4:28)
Context (39:22)
Context with Caution (2:20)
UPCOMING: useId
Summary
UPCOMING: useMemo and React.memo
Summary
UPCOMING: useCallback
Summary
UPCOMING: Other Hooks
Summary
UPCOMING: Toolchains
Summary
UPCOMING: Strict Mode
Summary
UPCOMING: Forms
Summary
UPCOMING: Suspense and lazy
Summary
UPCOMING: React Dev Tools
Summary
UPCOMING: CSS and Components
Summary
UPCOMING: Class Project
Summary
UPCOMING: React Server Components
Summary
UPCOMING: Conclusion
Summary
Conceptual Aside: POJOs
Complete and Continue
Discussion
11
comments
Load more
11 comments