Ingeniously Simple
Published in

Ingeniously Simple

Building a virtualized list from scratch

React is pretty fast in general, but it can have trouble when repeatedly rendering thousands of elements. This is true even if only a few of the elements are visible at once! UI “virtualization” is a technique for emulating a list with many elements while only rendering as few as possible to make the screen look correct.

Of course, there are plenty of virtualization libraries already available. The most popular is react-virtualized, which implements just about any layout you could think of and has a ton of customization available. Sometimes you only need…




How Redgate build ingeniously simple products, from inception to delivery.

Recommended from Medium


TryHackMe Regular Expressions | Write-up

Let’s Build DnD Column Reordering in an HTML Table w/ React Hooks

A Beginner’s Guide to React Testing

Functional Programming Hoisting

Next Lexicographical Permutation Algorithm

React Redux: Your best friend and your worst enemy

My Journey In Bootcamp

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
Mark Jordan

Mark Jordan

More from Medium

Frontend Insider #5

“Flat” Promises for Reactive Code

How to dynamically load ESM in CJS

Using Local and Production ENV Variables in Expo React Native