01 / Start small
A little counter
State, events, keyboard shortcuts, and reactive output. A whole widget in a handful of ideas.
The best explanation is a working app
Small beginnings.
Real possibilities.
Start simple, then push further. Every example is a working app with source you can explore.
02 / Start small
Temperature converter
Two-way inputs, derived values, and constraints that stay in sync.
03 / Build confidenceSimulated backend
A thoughtful form
Conditional fields, validation, async submission, and accessible feedback.
04 / Build confidence
TodoMVC
CRUD, filtering, computed counts, and keyed lists in a familiar little app.
05 / Go deeper
7GUIs
Seven interaction challenges: timers, constraints, undo/redo, and dependent state.
06 / Go deeper
The 1,000-row table
Create, update, select, and reorder a large keyed list. Watch identity survive.
07 / Build an appSimulated backend
Data dashboard
Async resources, complex derived data, SVG charts, and nested components.
08 / Build an appSimulated backend
Conduit
A RealWorld-style blog with routing, simulated authentication, shared state, and pagination.
09 / Push furtherSimulated backend
Kanban board
Drag and drop, optimistic updates, nested state, and simulated teammate synchronization.
10 / Push furtherSimulated backend
Collaborative editor
Concurrent edits, live cursors, offline merging, history, and lifecycle cleanup.