Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

Lists and Keys: React: Uncharted

Courses ReactLists and Keys

Lists and Keys

Transform arrays into stable, editable interface rows with meaningful keys.

React
Unit 5 of 16
20 lessons
141 min
420 XP

Every lesson is open. Sign in when you are ready to begin.

Sign in to start

Lessons

20 total

1Rows from DataReason about rows from data in an everyday interface.InteractiveConcept6 min20 XPOpen
2map to MarkupBuild a React interface that demonstrates map to markup.CodeConcept7 min20 XPOpen
3The Key WarningBuild a React interface that demonstrates the key warning.CodeConcept7 min20 XPOpen
4Why Keys MatterReason about why keys matter in an everyday interface.InteractiveConcept6 min20 XPOpen
5The Index TrapBuild a React interface that demonstrates the index trap.CodeConcept7 min20 XPOpen
6Predict the ListReason about predict the list in an everyday interface.InteractiveConcept6 min20 XPOpen
7Filter, Then mapBuild a React interface that demonstrates filter, then map.CodeConcept7 min20 XPOpen
8Sort Without MutatingBuild a React interface that demonstrates sort without mutating.CodeConcept7 min20 XPOpen
9Empty StatesBuild a React interface that demonstrates empty states.CodeConcept7 min20 XPOpen
10Add to the ListBuild a React interface that demonstrates add to the list.CodeConcept7 min20 XPOpen
11Remove by IdBuild a React interface that demonstrates remove by id.CodeConcept7 min20 XPOpen
12Edit in PlaceBuild a React interface that demonstrates edit in place.CodeConcept7 min20 XPOpen
13Toggle by IdBuild a React interface that demonstrates toggle by id.CodeConcept7 min20 XPOpen
14ChecklistBuild a React interface that demonstrates checklist.CodePractice8 min20 XPOpen
15LeaderboardBuild a React interface that demonstrates leaderboard.CodePractice8 min20 XPOpen
16Tags InputBuild a React interface that demonstrates tags input.CodePractice8 min20 XPOpen
17Nested ListsBuild a React interface that demonstrates nested lists.CodeConcept7 min20 XPOpen
18Keys QuizReason about keys quiz in an everyday interface.InteractiveConcept6 min20 XPOpen
19Explain KeysReason about explain keys in an everyday interface.InteractiveConcept6 min20 XPOpen
20Lists and Keys Mastery CheckBuild a React interface that demonstrates lists and keys mastery check.CodeMastery check10 min40 XPOpen

Forms and Events Sharing State