📖 Step 5: Design - Advanced UI/UX#145 / 291
Infinite Scroll
Infinite Scroll
📖One-line summary
A UI that keeps loading more content as you scroll.
✨Example
Scroll down to load more ({items.length} items)
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Scroll to load more…
⚡Vibe coding prompt examples
>_
Implement infinite scroll with React Query's useInfiniteQuery. Automatically load the next page when the user scrolls to the bottom.
>_
Add a 'Back to top' button to infinite scroll. Remember scroll position so that back navigation restores the previous position.
Try these prompts in your AI coding assistant!