nonchalant examples

The teaching ladder, in order. Each page runs its demo on the left and explains the mechanism on the right. Everything runs in the browser alone except chat and shared-cart's server mode — each is one command away.

• counter
• todomvc — add ?inspect to dock the process inspector
• typeahead — fake API with latency; try typing fast
• form — call(): try someone@taken.com for the failure path
• router — pages are processes; About loads over a dynamic import
• undo-redo
• query — server state the process way — why TanStack dissolves
• drag — each drag is a process with a lifetime
• bounce — one physics process, DOM and canvas side by side
• multi-tab — open several tabs; one automatically hosts
• worker — the same registry, one thread away; watch the frame meter
• agent — a tool-using agent loop as a process: durable, and it asks permission; ?inspect shows its process tree
• job — one long-running durable job over the wire: cancel it, approve it, disconnect the client, kill the worker
• multi-agent — delegation, hand-off, a graph, and one budget across the team
• delegation — agents calling agents in parallel, the whole live call tree as one process's state
• messaging — a bus and a work queue behind ports; kill a worker mid-job
• chat — client-server; needs a local host, so it is not on the hosted site: clone the repo, run pnpm chat-server, then pnpm dev
• shared-cart — the pitch demo; runs locally — pnpm cart-server + one line moves it to a server
• mario — arrow keys to walk and jump
• js-framework-benchmark — the krausest benchmark app, keyed; CI counts its DOM operations
• charts — bar and line charts as keyed SVG marks; a meter shows the DOM writes each update makes

7GUIs

• Counter
• Temperature converter
• Flight booker
• Timer
• CRUD
• Circle drawer
• Cells — try =A1+1 chains, then edit A1