NASA-AMMOS / aerie-ui

The client application for Aerie.
https://nasa-ammos.github.io/aerie-docs/
MIT License
28 stars 4 forks source link

Add virtual rendering to timeline rows when scrolling #294

Open camargo opened 1 year ago

camargo commented 1 year ago

For timelines with potentially many rows, rendering rows that are out of view is an inefficient use of browser resources. This ticket is to implement a virtual rendering scheme when scrolling that only adds rows to the DOM that are currently in view for a timeline.

camargo commented 1 year ago

Here is an existing virtual list component we could look at using: https://github.com/sveltejs/svelte-virtual-list

duranb commented 7 months ago

Could also look into using something like: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API