Recipes

The practical half of the docs. Some recipes are one idea and twenty lines. Some are whole apps. Every one of them is running somewhere on this site.

Basics

Small end-to-end recipes for the core model:

• Counter — action routing, state updates, and minimal wiring.
• Progressive enhancement — standard form behavior first, LiveTemplate enhancement on top.
• HTTP only — LiveTemplate without WebSocket upgrades.

UI Patterns

Focused interaction recipes for forms, lists, loading, feedback, navigation, realtime, and search:

• UI pattern recipes

Apps

Larger runnable recipes with more production shape:

• Todos — persistence, auth, components, and multi-step workflows.
• Login — form-based session auth with cookies and an OnConnect hook.
• Chat — realtime multi-user messaging.
• Seat picker — cross-user realtime over a shared topic, all standard HTML.
• Shared notepad — per-user state with explicit peer refresh.
• File tree — a self-invoking recursive template; deep edits patch one leaf.
• Avatar upload — file upload on the ordinary form submit.
• Upload modes — one input, four destinations, chosen by server config.
• Flash messages — page-level notifications.

Deep Dives

Narrative recipes for internals, tradeoffs, and operational shape:

• Counter, deeper
• Pubsub — Subscribe/Publish peer fan-out
• Server push — server-initiated TriggerAction
• Skip validation with formnovalidate — a "Save draft" button that bypasses validation on every tier
• How a LiveTemplate update flows
• How this docs site works