what

Live Dashboard

All three state scopes and two data sources on one screen. Zero custom JavaScript.

Visitors online

Live WebSocket connection count. Open this page in another tab and watch it move.

Shared live counter

4

wired.* — one value for everyone, pushed to every browser instantly. Same variable as the State demo.

Your private counter

0

session.* — tied to your browser only. Other visitors see their own count.

Your Todos

Fetched from the local database with fetch.todos = "local:todos", filtered to your session.

Nothing yet — add a few in the Todo App and come back.

Dog Facts Feed

Fetched from a remote API at render time. The buttons store your preference in the session and re-render just the feed — no page reload.

Show:

The origin of amputating a dog’s tail may go back to the Roman writer Lucius Columella’s (A.D. 4-70) assertion that tail docking prevented rabies.

A German Shepherd guide dog led her blind companion the entire 2,100 mile Appalachian Trail.

The world’s smallest dog breed is the Chihuahua.

How It Works

wired.*

Shared live state. Mutations broadcast over WebSocket; every w-bind element updates in every browser.

session.*

Per-browser state. #session.*# variables render reactively; w-set mutates them server-side.

fetch.*

Per-request data — a local collection and a remote API, declared in the <what> block and rendered with <loop>.

Source

Loading...