VisualFlowAdvanced Guides
Sub-flows, performance tuning for thousands of nodes and computing values across a graph.
Advanced · 12 min read · Updated Oct 31, 2026
Performance
Most slowdowns come from re-rendering every node on each change.
- Memoise custom node components with React.memo.
- Keep nodeTypes and edgeTypes outside render.
- Select narrow slices from stores instead of whole arrays.
- Enable onlyRenderVisibleElements for very large graphs.
Sub-flows
Set parentId on a node to nest it inside a group. Children move with the parent and can be constrained with extent: 'parent'.