Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

The Render Model: React: Uncharted

Courses ReactThe Render Model

The Render Model

Instrument renders, queues, snapshots, closures, and commits until updates are predictable.

React
Unit 8 of 16
20 lessons
136 min
420 XP

Every lesson is open. Sign in when you are ready to begin.

Sign in to start

Lessons

20 total

1Two PhasesReason about two phases in an everyday interface.InteractiveConcept6 min20 XPOpen
2Renders Are CallsBuild a React interface that demonstrates renders are calls.CodeConcept7 min20 XPOpen
3Batching in ActionBuild a React interface that demonstrates batching in action.CodeConcept7 min20 XPOpen
4Predict the Render CountReason about predict the render count in an everyday interface.InteractiveConcept6 min20 XPOpen
5The Stale ClosureBuild a React interface that demonstrates the stale closure.CodeConcept7 min20 XPOpen
6State Is a SnapshotBuild a React interface that demonstrates state is a snapshot.CodeConcept7 min20 XPOpen
7Purity PaysBuild a React interface that demonstrates purity pays.CodeConcept7 min20 XPOpen
8Parents Re-render ChildrenBuild a React interface that demonstrates parents re-render children.CodeConcept7 min20 XPOpen
9Same Value BailsBuild a React interface that demonstrates same value bails.CodeConcept7 min20 XPOpen
10Predict the LogsReason about predict the logs in an everyday interface.InteractiveConcept6 min20 XPOpen
11Keys RemountReason about keys remount in an everyday interface.InteractiveConcept6 min20 XPOpen
12Mount or Update?Build a React interface that demonstrates mount or update?.CodeConcept7 min20 XPOpen
13The Update QueueBuild a React interface that demonstrates the update queue.CodeConcept7 min20 XPOpen
14Lazy Initial StateBuild a React interface that demonstrates lazy initial state.CodeConcept7 min20 XPOpen
15Walk the ClickReason about walk the click in an everyday interface.InteractiveConcept6 min20 XPOpen
16Predict the BatchesReason about predict the batches in an everyday interface.InteractiveConcept6 min20 XPOpen
17Why Did It Re-render?Build a React interface that demonstrates why did it re-render?.CodePractice8 min20 XPOpen
18Render Model DrillsReason about render model drills in an everyday interface.InteractiveConcept6 min20 XPOpen
19Narrate a ClickReason about narrate a click in an everyday interface.InteractiveConcept6 min20 XPOpen
20Render Model Mastery CheckReason about render model mastery check in an everyday interface.InteractiveMastery check10 min40 XPOpen

Effects Context