Two-Way Binding
Form inputs bound to XML state
Live XML:
Reactive display
These update automatically:
Name
Role
Email
Status
-
โป Refresh the page - state persists!
Todo App with Actions
CRUD with event sourcing
Total
0
Done
0
Remaining
0
Counter with Signals
state.on() / state.emit() pattern
0
The pattern
// Register actions
store.on('increment', ({ step }) => {
const val = store.at('counter.value');
const max = store.at('counter.max');
val.value = Math.min(+val.value + step, +max.value);
});
// Dispatch
store.emit('increment', { step: 1 });
// Wait for ready (signal-based!)
store.state.when('ready', () => {
// Safe to access state
});
Dynamic Lists
Per-node reactivity
Add Product
Live XML Editor
Edit raw XML
Source
Preview
Conditionals
f-when and f-match
Reactive output
Theme:
โ Welcome back!
Please log in to continue.
๐ You have
No new notifications