Five steps. Edit code on the left, see live results on the right. No setup, no install.
Every sheet starts with data. Edit the value, watch the cell on the right update.
value: 5000 to a different number. The cell on the right updates instantly. That's reactivity.A formula cell computes from other cells. It recomputes automatically when its inputs change.
value: 2770 on the spend cell. remaining recomputes automatically. That's the reactive engine doing its job.A listener fires when a cell changes. Use it for alerts, logs, or any side effect.
spend: 4500 and watch: remaining drops, status goes to low, the alert listener fires. Open the browser console to see the log.Try a different scenario without losing the original. Click "Branch" to fork the engine.
You branched the engine. Now there are two timelines — main and alternate. Set a value on one branch. Switch to the other. The other still has the old value.
This is what quilt-time gives you: every cell has a history. You can branch, rewind, replay, merge. Like git for your data, but it's a runtime.
Three cells, one formula, one listener. You wrote 15 lines of YAML. You have a reactive system.
You just learned the four core concepts of Quilt: value, formula, listener, and branch. The whole model fits in your head.