performance issue with 500+ elements

[danvln]

Hi @kutlugsahin,

I see that the this is super slow when it starts to grow. At 500 elements is already unusable. Is this expected?

Thanks!

[trungquandev]

@danvln
I guess that your problem is caused by re-rendering unnecessary components, you can check with chrome extension: React developer tools.

If I'm right, you can use shouldComponentUpdate (for Class Component) or React.memo, useCallBack, useMemo (for Functional Components - React Hooks) to avoid re-render unnecessary columns or cards.

[rwaidaAlmehanni]

i got the same issue, when i try to use render and send the ref to react-virtuoso => it return error because the list will render after the ref.current is not null