Hi everyone,
I have a component that loads a lot of data, but it's at the bottom of the page, so not visible when first loading the page
I only want to load the data once that component is in view
What is the idiomatic way to do this in Remix.run
#Load data once component in view
opaque sorrel
teal furnace
Streaming the data for the component (https://remix.run/docs/en/main/guides/streaming), either using defer (https://remix.run/docs/en/main/utils/defer) or with Single Fetch (https://remix.run/docs/en/main/guides/single-fetch) enabled returning a promise from your loader
opaque sorrel
from what I understand, the above options do return the data in different ways and different strategies
Can I only load the data once user scrolls down the page and the component that uses the data becomes in view?
teal furnace
yes, use the useFetcher to fetch it client-side then