Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

Refs and the DOM: React: Uncharted

Courses ReactRefs and the DOM

Refs and the DOM

Keep mutable values outside rendering and use focused DOM escape hatches with deliberate discipline.

React
Unit 11 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

1The Escape HatchReason about the escape hatch in an everyday interface.InteractiveConcept6 min20 XPOpen
2useRef RemembersBuild a React interface that demonstrates useref remembers.CodeConcept7 min20 XPOpen
3Count Renders QuietlyBuild a React interface that demonstrates count renders quietly.CodeConcept7 min20 XPOpen
4A Ref to the DOMBuild a React interface that demonstrates a ref to the dom.CodeConcept7 min20 XPOpen
5Focus on DemandBuild a React interface that demonstrates focus on demand.CodeConcept7 min20 XPOpen
6Ref RulesReason about ref rules in an everyday interface.InteractiveConcept6 min20 XPOpen
7Read the Real NodeBuild a React interface that demonstrates read the real node.CodeConcept7 min20 XPOpen
8Timer in a RefBuild a React interface that demonstrates timer in a ref.CodeConcept7 min20 XPOpen
9The Previous ValueBuild a React interface that demonstrates the previous value.CodeConcept7 min20 XPOpen
10Refs or State?Reason about refs or state? in an everyday interface.InteractiveConcept6 min20 XPOpen
11Uncontrolled on PurposeBuild a React interface that demonstrates uncontrolled on purpose.CodeConcept7 min20 XPOpen
12Ref to a ChildBuild a React interface that demonstrates ref to a child.CodeConcept7 min20 XPOpen
13Focus the ErrorBuild a React interface that demonstrates focus the error.CodePractice8 min20 XPOpen
14Click OutsideBuild a React interface that demonstrates click outside.CodeConcept7 min20 XPOpen
15Escape to CloseBuild a React interface that demonstrates escape to close.CodeConcept7 min20 XPOpen
16Predict the RefReason about predict the ref in an everyday interface.InteractiveConcept6 min20 XPOpen
17Select It AllBuild a React interface that demonstrates select it all.CodePractice8 min20 XPOpen
18Imperative, SparinglyReason about imperative, sparingly in an everyday interface.InteractiveConcept6 min20 XPOpen
19Explain RefsReason about explain refs in an everyday interface.InteractiveConcept6 min20 XPOpen
20Refs Mastery CheckBuild a React interface that demonstrates refs mastery check.CodeMastery check10 min40 XPOpen

Reducers Custom Hooks