search

projectstorm / react-diagrams

a super simple, no-nonsense diagramming library written in react that just works
https://projectstorm.cloud/react-diagrams
MIT License
8.6k stars 1.17k forks source link

Regarding performance #761

Closed NeerajaGoli closed 3 years ago

NeerajaGoli commented 3 years ago

Hi everyone, I’m implementing react storm diagrams for representing ER diagrams.I have tried 10 tables with 10 rows each (attached image) and is rendering quite faster.But i have a requirement of 50 tables with around 1000 rows each.When i’m trying to do so, there is a delay in loading the diagram. Can anyone suggest me what i can do here to improve the performance? image

adaladam commented 3 years ago

Hey, do you have a working sample on codesandbox? I could try playing around there and find something out there

NeerajaGoli commented 3 years ago

Hi, please find the below link https://github.com/NeerajaGoli/Sample-ERD

dylanvorster commented 3 years ago

Yeah unfortunately, you are going to need to get creative to render 50 * 1000 styled divs and have the entire system be performant. Most browsers would actually struggle to render that many rows in a standard html table.