Live Interactive Demo Model
Infinite Scroll List (Intersection Observer)
An infinite scrolling list that monitors a sentinel element and fetches data in batches up to 50 items.
Loaded Items: 0 / 50
Simulated Latency: 600ms
Acceptance Criteria
Setting up IntersectionObserver with ref attachment in React
Using rootMargin to trigger data fetches ahead of time
Handling loading skeletons and end-of-feed boundaries
Target APIs & Concepts
IntersectionObserver APISentinel PatternSimulated Pagination
Ready to code this yourself? Switch to the Candidate Code Studio to write your implementation in React 19 and run automated test evaluations!