Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

JSX and Components: React: Uncharted

Courses ReactJSX and Components

JSX and Components

Turn JavaScript values into JSX, define components, and compose a real page.

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

1UI as a FunctionRecognize that a React interface is a repeatable function of its data.InteractiveConcept6 min20 XPOpen
2First RenderBuild a React interface that demonstrates first render.CodeConcept7 min20 XPOpen
3Markup with RulesBuild a React interface that demonstrates markup with rules.CodeConcept7 min20 XPOpen
4One Root to ReturnBuild a React interface that demonstrates one root to return.CodeConcept7 min20 XPOpen
5Braces Open DoorsBuild a React interface that demonstrates braces open doors.CodeConcept7 min20 XPOpen
6Attributes from DataBuild a React interface that demonstrates attributes from data.CodeConcept7 min20 XPOpen
7Predict the MarkupReason about predict the markup in an everyday interface.InteractiveConcept6 min20 XPOpen
8Your First ComponentBuild a React interface that demonstrates your first component.CodeConcept7 min20 XPOpen
9Components ComposeBuild a React interface that demonstrates components compose.CodeConcept7 min20 XPOpen
10Capitalization MattersBuild a React interface that demonstrates capitalization matters.CodeConcept7 min20 XPOpen
11Draw the Component TreeDraw the component relationships behind a page where App renders Header, Main, and Footer while Main renders Article.DiagramConcept7 min20 XPOpen
12Mount It YourselfBuild a React interface that demonstrates mount it yourself.CodeConcept7 min20 XPOpen
13Style with a SheetBuild a React interface that demonstrates style with a sheet.CodeConcept7 min20 XPOpen
14Style When DynamicBuild a React interface that demonstrates style when dynamic.CodeConcept7 min20 XPOpen
15Reuse Beats RepeatReason about reuse beats repeat in an everyday interface.InteractiveConcept6 min20 XPOpen
16Profile CardBuild a React interface that demonstrates profile card.CodePractice8 min20 XPOpen
17Price TagBuild a React interface that demonstrates price tag.CodePractice8 min20 XPOpen
18JSX or HTML?Reason about jsx or html? in an everyday interface.InteractiveConcept6 min20 XPOpen
19Why Components?Reason about why components? in an everyday interface.InteractiveConcept6 min20 XPOpen
20JSX and Components Mastery CheckBuild a React interface that demonstrates jsx and components mastery check.CodeMastery check10 min40 XPOpen