Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

Sharing State: React: Uncharted

Courses ReactSharing State

Sharing State

Choose one owner for shared truth and connect siblings with data down and events up.

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

1Who Owns the TruthReason about who owns the truth in an everyday interface.InteractiveConcept6 min20 XPOpen
2Lift the StateBuild a React interface that demonstrates lift the state.CodeConcept7 min20 XPOpen
3Data Down, Events UpBuild a React interface that demonstrates data down, events up.CodeConcept7 min20 XPOpen
4The Shared FilterBuild a React interface that demonstrates the shared filter.CodeConcept7 min20 XPOpen
5Predict the OwnerReason about predict the owner in an everyday interface.InteractiveConcept6 min20 XPOpen
6Derive, Don't StoreBuild a React interface that demonstrates derive, don't store.CodeConcept7 min20 XPOpen
7Don't Mirror PropsBuild a React interface that demonstrates don't mirror props.CodeConcept7 min20 XPOpen
8Single SelectBuild a React interface that demonstrates single select.CodeConcept7 min20 XPOpen
9Tabs from ScratchBuild a React interface that demonstrates tabs from scratch.CodeConcept7 min20 XPOpen
10Arrange the FlowReason about arrange the flow in an everyday interface.InteractiveConcept6 min20 XPOpen
11The Controlled ComponentBuild a React interface that demonstrates the controlled component.CodeConcept7 min20 XPOpen
12Colocate DownwardReason about colocate downward in an everyday interface.InteractiveConcept6 min20 XPOpen
13Draw the State MapDraw the component relationships behind a catalog tree where the learner connects selectedId state to its owner instead of seeing the owner in a starter label.DiagramConcept7 min20 XPOpen
14Cart in the HeaderBuild a React interface that demonstrates cart in the header.CodePractice8 min20 XPOpen
15The Duplicate TruthReason about the duplicate truth in an everyday interface.InteractiveConcept6 min20 XPOpen
16Master and DetailBuild a React interface that demonstrates master and detail.CodePractice8 min20 XPOpen
17Survey StepsBuild a React interface that demonstrates survey steps.CodePractice8 min20 XPOpen
18Reset with a KeyBuild a React interface that demonstrates reset with a key.CodeConcept7 min20 XPOpen
19Explain LiftingReason about explain lifting in an everyday interface.InteractiveConcept6 min20 XPOpen
20Sharing State Mastery CheckBuild a React interface that demonstrates sharing state mastery check.CodeMastery check10 min40 XPOpen

Lists and Keys Effects