All challenges

UI · Frontend challenge · Frontend UI

Infinite Scroll

Difficulty

hard

Time

~30m

Format

Single

Grading

Human review

#ui#react#frontend#effects#intersection-observer
Mission file // read carefullyhard

Build an Infinite Scroll list.

Requirements

  • Render a list of items.
  • When the user scrolls to the bottom of the list, load and append 10 more items dynamically.
  • Use IntersectionObserver or scroll event triggers for bottom-of-page detection.

Build with

React
Live preview as you type
Human review
Start challenge

Sign in to save your progress.