- All Courses
- React Performance Engineering
- Rendering Large Data Sets
- Pagination versus infinite scroll
Pagination versus infinite scroll
Offset pagination is simple and breaks quietly: rows inserted while the user reads page one push items across the boundary, so page two skips them.
Overview
The choice is about state, not taste
Offset pagination is simple and breaks quietly: rows inserted while the user reads page one push items across the boundary, so page two skips them. Cursor pagination keys off a stable sort value and stays correct under writes.
Infinite scroll accumulates every loaded page in memory and in the DOM. Without virtualisation it degrades steadily the longer someone browses, and it makes returning to a position genuinely hard.
Whichever you pick, encode position in the URL. A result the user cannot link to or return to after a refresh is a small betrayal.
In this lesson you will:
- Compare offset and cursor pagination
- Understand the memory cost of infinite lists
- Keep a shareable URL for a result position
Resources
Notes are not saved yet — they clear when you leave this page.
List virtualization
13m
Concurrent rendering with useTransition
8m