Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading course

React: Uncharted

React

You write JavaScript. Now build the interfaces you use every day: components, state, effects, context, and the patterns behind real apps, live in an editor that renders as you type. Bring JavaScript and a little HTML; leave building real UIs.

Intermediate to Hard
16 units
320 lessons

Follow the units in order, or explore any lesson that interests you.

Sign in to start

Course syllabus

16 units

1. JSX and Components
Turn JavaScript values into JSX, define components, and compose a real page.
20 lessonsStart here
Loading lessons…
2. Props
Give components useful inputs, flexible slots, and clear public contracts.
20 lessons
3. State
Make interfaces remember interactions and update from immutable state snapshots.
20 lessons
4. Forms and Events
Build controlled forms that respond to text, choices, keys, and submissions.
20 lessons
5. Lists and Keys
Transform arrays into stable, editable interface rows with meaningful keys.
20 lessons
6. Sharing State
Choose one owner for shared truth and connect siblings with data down and events up.
20 lessons
7. Effects
Synchronize components with timers and async work, then clean every connection up.
20 lessons
8. The Render Model
Instrument renders, queues, snapshots, closures, and commits until updates are predictable.
20 lessons
9. Context
Move shared values through a component tree without turning every intermediate component into a relay.
20 lessons
10. Reducers
Describe state changes as actions and centralize related transitions in pure reducer functions.
20 lessons
11. Refs and the DOM
Keep mutable values outside rendering and use focused DOM escape hatches with deliberate discipline.
20 lessons
12. Custom Hooks
Extract reusable stateful recipes into focused hooks with honest inputs, outputs, and composition.
20 lessons
13. Performance
Measure render work, then reduce only the cascades, identities, and calculations that evidence proves wasteful.
20 lessons
14. Patterns
Name recurring component shapes, then use composition, control contracts, boundaries, and small architectural seams deliberately.
20 lessons
15. Projects
Turn briefs into component plans, working state models, complete builds, and the small polish details users feel.
20 lessons
16. The Component Interview
Practice the full frontend interview loop: clarify, predict, debug, design, build, verify, and narrate decisions.
20 lessons

320 lessons across 16 units. Start with any published unit.