Pagination with Infinite Scroll #16
Description
https://fly.io/phoenix-files/infinitely-scroll-images-in-liveview/ and https://github.com/DockYard-Academy/curriculum/blob/main/reading/pic_chat_infinite_scroll.livemd should be functionally similar.
The Fly.io example looks to implement a generic InfiniteScroll hook that triggers the load-more event. We can use that on any page to load whatever items we wish.
My existing collection loads fine on Fly.io but Lighthouse scores are in the toilet on some pages.
Lazy loading images above the fold are a problem to Lighthouse scores so we may be able to use the observer to lazy load images below it? I honestly don't know how to handle that and we may not bother. It's also tempting to download images but Spotify has a CDN handling theirs.