I have a large HTML table rendered with Reagent, with like 2000 rows.
Only a part of it is visible due to a scroll bar in the wrapping div
.
What would be a good approach to optimizing this, in order to avoid ‘your page is slow’ warnings from eg. firefox?
I was thinking about dynamically rendering only a sliding ‘window’ using a re-frame subscription, but not sure if that’s going to solve anything.
Any tips?
Edit: I figured out using a few tests that it’s the rendering part that is problematic. It’s not a problem to store eg. 5000 rows of data in a local atom, and then only render 100 via (take 100 my-data)
for example. So for now I will explore partial rendering to see if that’s doable.
Any experiences with this type of problems still very much welcome