Recipes

Everything practical in these docs lives here. A recipe can be a small core concept, a focused UI behavior, a runnable app, or a deeper explanation of the tradeoffs behind an implementation.

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