Load API content as elements become visible to users in React

I was recently looking for a nice way of loading listing pages where each list item needs to have additional content loaded via API - and this without generating hundreds of queries on my backend API.

I ended up combining react-intersection-observer and react-content-loader to create a progressive loading experience where API queries are only made when items become visible.

If you're interested in doing the same, here is the full blog post on how to get started:
https://www.keypup.io/blog/react-load-api-content-as-elements-become-visible-to-users