Learning on Web Dev Open is free for all.

System Design & Performance > Front-end system designA feed that does not lose your place
Phase 06Front-end system design290 of 434

A feed that does not lose your place

Cursor pagination, virtualisation, optimistic writes and the problem of new items arriving while the user is reading.

Build60 minAI pair

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Explain why offset pagination duplicates and skips items
  • Implement a cursor-paginated infinite list
  • Handle new content without moving what someone is reading
Ask the community

Loading…