Catch the code.
Build the page.

Learn React by seeing how code works, then catching the correct moving pieces in order before the stack breaks. Every round changes a live webpage above the code field.

SOLO COURSE18 React levels · playable now

VERSUSSame seed · head-to-head · planned

SOON

REACT CORE / V1

From first tag to advanced patterns.

0levels cleared

01 · JSX + STRUCTURE

02 · COMPONENTS + DATA

03 · INTERACTION + STATE

04 · REACT PATTERNS

Catch the code.
Build the page.

From first tag to advanced patterns.

First Heading

Build a Button

Nest the Page

Style Hook

Make a Component

Use the Component

Pass Props

Show a Variable

Wire the Click

Remember a Value

Update the Counter

Choose What Renders

Control an Input

Render a List

Run an Effect

Use a Custom Hook

Memoize Work

Read Context

Catch the code.Build the page.

From first tag to advanced patterns.

First Heading

Build a Button

Nest the Page

Style Hook

Make a Component

Use the Component

Pass Props

Show a Variable

Wire the Click

Remember a Value

Update the Counter

Choose What Renders

Control an Input

Render a List

Run an Effect

Use a Custom Hook

Memoize Work

Read Context

Catch the code.
Build the page.