This is not necessarily a React-related problem, though. Pretty much all operating systems do this. Even browsers do this internally to some degree as well as various spreadsheet applications and IDEs. Notepad has this… you can open a multi-gigabyte text file and the scrollbar is still pretty fast because you’re always reading a calculated segment of memory of the same size at a different location. In any software you naturally want to preserve memory to the visible set. But it doesn’t get crazy until you do this in video game software where you need to limit the visible set of triangles rendered on the screen from current camera angle with random geometry. Good write up :) Looking forward to more tutorials!

Written by

Issues. Every webdev has them. Published author of CSS Visual Dictionary few others…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store