4 ms·
This is admittedly nit-picky, but you're not managing 60k DOM nodes if you're using a virtual list, that's the whole point of virtualization. You might have 60k
by Davertron 6y ago
This is admittedly nit-picky, but you're not managing 60k DOM nodes if you're using a virtual list, that's the whole point of virtualization. You might have 60k items in your list but you're only ever rendering a tiny subset of those items based on what is visible (with some overlap).
- onion2k 6y agoIt's not virtualized. It's not even a list. It's a very large SVG with lots of foreignObject bits in it. The app is a diagramming tool - imagine Visio but for lawyers to map out contracts and ownerships between hundreds of corporations.
- JMTQp8lwXL 6y agoYou might get better performance with the <canvas> element instead of SVG. I've noticed React can struggle with SVGs containing complex subtrees.
- Davertron 6y agoSorry, someone else mentioned a virtual list component and I assumed it was you without looking at the username. That's pretty impressive, I've run into perf issues with far fewer actual DOM nodes than that!