Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

Effects: React: Uncharted

Courses ReactEffects

Effects

Synchronize components with timers and async work, then clean every connection up.

React
Unit 7 of 16
20 lessons
140 min
420 XP

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

Sign in to start

Lessons

20 total

1Beyond the RenderReason about beyond the render in an everyday interface.InteractiveConcept6 min20 XPOpen
2Your First EffectBuild a React interface that demonstrates your first effect.CodeConcept7 min20 XPOpen
3The Dependency ArrayBuild a React interface that demonstrates the dependency array.CodeConcept7 min20 XPOpen
4React to a ChangeBuild a React interface that demonstrates react to a change.CodeConcept7 min20 XPOpen
5Predict the EffectsReason about predict the effects in an everyday interface.InteractiveConcept6 min20 XPOpen
6Cleanup FunctionsBuild a React interface that demonstrates cleanup functions.CodeConcept7 min20 XPOpen
7The Leaky IntervalBuild a React interface that demonstrates the leaky interval.CodeConcept7 min20 XPOpen
8Tick TockBuild a React interface that demonstrates tick tock.CodeConcept7 min20 XPOpen
9Fake FetchBuild a React interface that demonstrates fake fetch.CodeConcept7 min20 XPOpen
10Loading, Then DataBuild a React interface that demonstrates loading, then data.CodeConcept7 min20 XPOpen
11Ignore Stale AnswersBuild a React interface that demonstrates ignore stale answers.CodeConcept7 min20 XPOpen
12Effect or Event?Reason about effect or event? in an everyday interface.InteractiveConcept6 min20 XPOpen
13You Might Not Need ItBuild a React interface that demonstrates you might not need it.CodeConcept7 min20 XPOpen
14CountdownBuild a React interface that demonstrates countdown.CodePractice8 min20 XPOpen
15Autosave, LiteBuild a React interface that demonstrates autosave, lite.CodePractice8 min20 XPOpen
16Search with a DelayBuild a React interface that demonstrates search with a delay.CodePractice8 min20 XPOpen
17Effects Run Twice HereReason about effects run twice here in an everyday interface.InteractiveConcept6 min20 XPOpen
18Spot the Missing DepReason about spot the missing dep in an everyday interface.InteractiveConcept6 min20 XPOpen
19Explain CleanupReason about explain cleanup in an everyday interface.InteractiveConcept6 min20 XPOpen
20Effects Mastery CheckBuild a React interface that demonstrates effects mastery check.CodeMastery check10 min40 XPOpen

Sharing State The Render Model