Engrain by ByteRush

MC.04.02 Senior

Infinite feed: performance and UX

Comes up in: Machine coding, Frontend system design

This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.

What it covers

  • list virtualisation with variable heights
  • scroll restoration on back
  • new-items banner instead of jumping
  • image lazy loading
  • a11y (feed role, load-more alternative, focus)

Words you will know

virtualisationscroll restoration

What you will practise

  • virtualise the feed
  • restore scroll position

Interview questions this answers

  • How would you keep a feed of 10,000 items fast?
  • How do you restore scroll position when the user comes back?