Virtualization

[Flareonn]

Hi! Faced with the issue of freezes in the editor

Are there any examples of graph virtualization, for example, so that node rendering is only in the field of view?

I noticed that if I add 1000 nodes to the graph, but with display: none; Then when mounting, errors about setTimeout still arrive in the console

[Violation] 'setTimeout' handler took 133ms --- main.js attr=4W_9bwoSDRUSAEHjNLcyvYrY0BG9B_tBFeXLlVMpj3p2aWjThDGrmoDm3fc_EinM:410 

...return oldSetTimeout(function TimerCallback()...

[Flareonn]

Update:

I found only-render-visible-elements, but it does not save from friezes while moving through the graph.

[bcakmakoglu]

"Virtualization" is not a feature that is available and probably won't be for a while.

If you want to use VueFlow for your use-case, cull down your graph/nodes and/or simplify your nodes. Otherwise I'd recommend using a canvas based library for it instead.

There's a list here: https://github.com/xyflow/awesome-node-based-uis