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:

Many foot disorders in dogs are simply an issue of too-long toenails.

Upright, stiff, rapid tail movement is not wagging or "friendly" but indicates a dog who's rather excited and focused.

A dog's sense of smell is so strong that they can detect cancer in humans.

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...