Rendering large lists with react-virtualized or react-window

If you use React and need to display large lists of data efficiently, you may be familiar with react-virtualized. It’s a windowing library by Brian Vaughn that renders only the items currently visible in a list (within a scrolling “viewport“). This means you don’t need to pay the cost of thousands of rows of data being rendered at once. react-window is a recent rewrite with a focus on being smaller, faster and more easily tree-shakeable.