Skip to content

Controlled vs Uncontrolled

Controlled: the page subscribes to NodesChanged/EdgesChanged and keeps its own view of the graph in step with every edit as it happens. Uncontrolled: the page subscribes to nothing - the canvas edits the lists it was handed on its own, and the page only learns what changed when it asks the canvas through a component reference. Toggle, drag, connect or delete, and compare.

page state: 3 nodes, 1 edges (last change -)
Drag / connect me
Node 2
Node 3
bit Blow
An unhandled error has occurred. Reload 🗙