Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

Context: React: Uncharted

Courses ReactContext

Context

Move shared values through a component tree without turning every intermediate component into a relay.

React
Unit 9 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 Prop RelayReason about the prop relay in an everyday interface.InteractiveConcept6 min20 XPOpen
2Feel the DrillBuild a React interface that demonstrates feel the drill.CodeConcept7 min20 XPOpen
3Create and ProvideBuild a React interface that demonstrates create and provide.CodeConcept7 min20 XPOpen
4useContext ReadsBuild a React interface that demonstrates usecontext reads.CodeConcept7 min20 XPOpen
5Refactor the RelayBuild a React interface that demonstrates refactor the relay.CodeConcept7 min20 XPOpen
6Defaults Without ProvidersBuild a React interface that demonstrates defaults without providers.CodeConcept7 min20 XPOpen
7Nearest Provider WinsReason about nearest provider wins in an everyday interface.InteractiveConcept6 min20 XPOpen
8State in the ProviderBuild a React interface that demonstrates state in the provider.CodeConcept7 min20 XPOpen
9Split the ContextsBuild a React interface that demonstrates split the contexts.CodeConcept7 min20 XPOpen
10The Provider ComponentBuild a React interface that demonstrates the provider component.CodeConcept7 min20 XPOpen
11The use-Hook WrapperBuild a React interface that demonstrates the use-hook wrapper.CodeConcept7 min20 XPOpen
12The Identity TrapReason about the identity trap in an everyday interface.InteractiveConcept6 min20 XPOpen
13Steady the ValueBuild a React interface that demonstrates steady the value.CodeConcept7 min20 XPOpen
14Language SwitcherBuild a React interface that demonstrates language switcher.CodePractice8 min20 XPOpen
15Current UserBuild a React interface that demonstrates current user.CodePractice8 min20 XPOpen
16Composition FirstReason about composition first in an everyday interface.InteractiveConcept6 min20 XPOpen
17Compose the ProvidersBuild a React interface that demonstrates compose the providers.CodeConcept7 min20 XPOpen
18Context DrillsReason about context drills in an everyday interface.InteractiveConcept6 min20 XPOpen
19Explain ContextReason about explain context in an everyday interface.InteractiveConcept6 min20 XPOpen
20Context Mastery CheckBuild a React interface that demonstrates context mastery check.CodeMastery check10 min40 XPOpen

The Render Model Reducers