Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

Props: React: Uncharted

Courses ReactProps

Props

Give components useful inputs, flexible slots, and clear public contracts.

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

1Inputs for UIReason about inputs for ui in an everyday interface.InteractiveConcept6 min20 XPOpen
2Your First PropBuild a React interface that demonstrates your first prop.CodeConcept7 min20 XPOpen
3Many PropsBuild a React interface that demonstrates many props.CodeConcept7 min20 XPOpen
4Numbers and BooleansBuild a React interface that demonstrates numbers and booleans.CodeConcept7 min20 XPOpen
5Predict the PropsReason about predict the props in an everyday interface.InteractiveConcept6 min20 XPOpen
6Defaults When AbsentBuild a React interface that demonstrates defaults when absent.CodeConcept7 min20 XPOpen
7Props Are Read-OnlyBuild a React interface that demonstrates props are read-only.CodeConcept7 min20 XPOpen
8children, the SlotBuild a React interface that demonstrates children, the slot.CodeConcept7 min20 XPOpen
9Wrap AnythingBuild a React interface that demonstrates wrap anything.CodeConcept7 min20 XPOpen
10Three CardsBuild a React interface that demonstrates three cards.CodeConcept7 min20 XPOpen
11Pass It DownBuild a React interface that demonstrates pass it down.CodeConcept7 min20 XPOpen
12Shape the ContractReason about shape the contract in an everyday interface.InteractiveConcept6 min20 XPOpen
13Spread with CareBuild a React interface that demonstrates spread with care.CodeConcept7 min20 XPOpen
14Show or HideBuild a React interface that demonstrates show or hide.CodeConcept7 min20 XPOpen
15Badge VariantsBuild a React interface that demonstrates badge variants.CodePractice8 min20 XPOpen
16Avatar StackBuild a React interface that demonstrates avatar stack.CodePractice8 min20 XPOpen
17The Prop PipelineReason about the prop pipeline in an everyday interface.InteractiveConcept6 min20 XPOpen
18children or Props?Reason about children or props? in an everyday interface.InteractiveConcept6 min20 XPOpen
19Design the APIReason about design the api in an everyday interface.InteractiveConcept6 min20 XPOpen
20Props Mastery CheckBuild a React interface that demonstrates props mastery check.CodeMastery check10 min40 XPOpen

JSX and Components State