Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

Patterns: React: Uncharted

Courses ReactPatterns

Patterns

Name recurring component shapes, then use composition, control contracts, boundaries, and small architectural seams deliberately.

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

1Patterns Earn Their NamesReason about patterns earn their names in an everyday interface.InteractiveConcept6 min20 XPOpen
2Compound ComponentsBuild a React interface that demonstrates compound components.CodeConcept7 min20 XPOpen
3Slots Beyond childrenBuild a React interface that demonstrates slots beyond children.CodeConcept7 min20 XPOpen
4Both ModesBuild a React interface that demonstrates both modes.CodeConcept7 min20 XPOpen
5Predict the PatternReason about predict the pattern in an everyday interface.InteractiveConcept6 min20 XPOpen
6Render FlexibilityBuild a React interface that demonstrates render flexibility.CodeConcept7 min20 XPOpen
7The Error BoundaryBuild a React interface that demonstrates the error boundary.CodeConcept7 min20 XPOpen
8Boundary PlacementReason about boundary placement in an everyday interface.InteractiveConcept6 min20 XPOpen
9Router, LiteBuild a React interface that demonstrates router, lite.CodeConcept7 min20 XPOpen
10Params, LiteBuild a React interface that demonstrates params, lite.CodeConcept7 min20 XPOpen
11The PortalBuild a React interface that demonstrates the portal.CodeConcept7 min20 XPOpen
12Modal Done RightBuild a React interface that demonstrates modal done right.CodeConcept7 min20 XPOpen
13Toast ManagerBuild a React interface that demonstrates toast manager.CodePractice8 min20 XPOpen
14List-Detail, FormalizedBuild a React interface that demonstrates list-detail, formalized.CodePractice8 min20 XPOpen
15Config-Driven UIBuild a React interface that demonstrates config-driven ui.CodeConcept7 min20 XPOpen
16API Design ReviewReason about api design review in an everyday interface.InteractiveConcept6 min20 XPOpen
17The WizardBuild a React interface that demonstrates the wizard.CodePractice8 min20 XPOpen
18Pattern MatchReason about pattern match in an everyday interface.InteractiveConcept6 min20 XPOpen
19Explain CompositionReason about explain composition in an everyday interface.InteractiveConcept6 min20 XPOpen
20Patterns Mastery CheckBuild a React interface that demonstrates patterns mastery check.CodeMastery check10 min40 XPOpen

Performance Projects