What React skills does "Build Infinite Scroll" practice?

This challenge practices: useState, useEffect, useRef, scroll events, pagination. It is rated medium difficulty and takes approximately 25 minutes.

What are the hints for "Build Infinite Scroll"?

Use IntersectionObserver on a sentinel element at the bottom of the list Track loading state to prevent duplicate fetches Use useCallback for loadMore to avoid stale closures in the observer

medium25 min

Build Infinite Scroll

Build an infinite scroll component that loads more items when the user scrolls near the bottom. Simulate an API call that returns paginated data. Show a loading spinner during data fetches and a message when all data is loaded.

Skills

useStateuseEffectuseRefscroll eventspagination

Tests

Loads the first page on mount
Shows loading indicator while fetching
Loads more items when scrolling to the bottom
Shows "All items loaded" when no more data

Your Code

Loading editor...