Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

Performance: React: Uncharted

Courses ReactPerformance

Performance

Measure render work, then reduce only the cascades, identities, and calculations that evidence proves wasteful.

React
Unit 13 of 16
20 lessons
139 min
420 XP

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

Sign in to start

Lessons

20 total

1Fast Enough FirstReason about fast enough first in an everyday interface.InteractiveConcept6 min20 XPOpen
2The Render LedgerBuild a React interface that demonstrates the render ledger.CodeConcept7 min20 XPOpen
3memo Blocks the CascadeBuild a React interface that demonstrates memo blocks the cascade.CodeConcept7 min20 XPOpen
4Identity Breaks memoBuild a React interface that demonstrates identity breaks memo.CodeConcept7 min20 XPOpen
5useCallback StabilizesBuild a React interface that demonstrates usecallback stabilizes.CodeConcept7 min20 XPOpen
6useMemo for WorkBuild a React interface that demonstrates usememo for work.CodeConcept7 min20 XPOpen
7Predict the RendersReason about predict the renders in an everyday interface.InteractiveConcept6 min20 XPOpen
8Children Stay StableBuild a React interface that demonstrates children stay stable.CodeConcept7 min20 XPOpen
9Push State DownBuild a React interface that demonstrates push state down.CodeConcept7 min20 XPOpen
10Don't memo EverythingReason about don't memo everything in an everyday interface.InteractiveConcept6 min20 XPOpen
11Memoized RowsBuild a React interface that demonstrates memoized rows.CodePractice8 min20 XPOpen
12The Expensive InitializerBuild a React interface that demonstrates the expensive initializer.CodeConcept7 min20 XPOpen
13Derive or Memo?Reason about derive or memo? in an everyday interface.InteractiveConcept6 min20 XPOpen
14Mark It Non-UrgentBuild a React interface that demonstrates mark it non-urgent.CodeConcept7 min20 XPOpen
15The Windowing IdeaReason about the windowing idea in an everyday interface.InteractiveConcept6 min20 XPOpen
16Find the WasteBuild a React interface that demonstrates find the waste.CodePractice8 min20 XPOpen
17Memo DrillsReason about memo drills in an everyday interface.InteractiveConcept6 min20 XPOpen
18Search Page TuneupBuild a React interface that demonstrates search page tuneup.CodePractice8 min20 XPOpen
19Explain memoReason about explain memo in an everyday interface.InteractiveConcept6 min20 XPOpen
20Performance Mastery CheckBuild a React interface that demonstrates performance mastery check.CodeMastery check10 min40 XPOpen

Custom Hooks Patterns