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
- typeahead — fake API with latency; try typing fast
- form — ask(): 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
- 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
7GUIs