MENU

Fun & Interesting

Efficiently Render 100,000 Rows in React

Cosden Solutions 22,245 lượt xem 1 year ago
Video Not Working? Fix It Now

🚀 Project React → https://cosden.solutions/project-react
Repo → https://github.com/cosdensolutions/code/tree/master/videos/long/rendering-100k-rows-in-react
Join The Discord! → https://discord.cosden.solutions
VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"

In this video I will show you how to efficiently render 100,000 rows in React. We are going to be doing this with the react-virtuoso library, which applies the concept of virtualization to React. Virtualization means only rendering a subset of elements instead of all of them. In our case, we will only render the elements currently visible in the viewport. This will allow us to efficiently render 100,000 rows in React.

Comment