DEV Community

0 seconds of 0 secondsVolume 90%
Press shift question mark to access a list of keyboard shortcuts
00:00
00:00
00:00
 
Maksim Ivanov
Maksim Ivanov

Posted on

18 6

How to render HUGE lists in React?

Rendering small lists in React is simple if not trivial. In this tutorial i'm showing how to render HUGE lists with thousands of items.

We'll take a look at react-window package and also react-window-infinite-loader.

Talk by Brian Vaughn

My Youtube Channel

Example repository

Top comments (2)

Collapse
 
dance2die profile image
Sung M. Kim

Thanks for the post and the tutorial, Maksim.

It's possible to spice 🌶 up(?) the post by embedding the video here inline.

{% youtube ki6yr9aYsTk %} where ki6yr9aYsTk is the Youtube video ID.

For more info, check out the Editor Guide 😀

Collapse
 
satansdeer profile image
Maksim Ivanov

Oh, cool, I didn't know that! 👍

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more