๐—ฅ๐—ฒ๐—ป๐—ฑ๐—ฒ๐—ฟ ๐Ÿญ๐Ÿฌ๐Ÿฌ๐—ธ ๐—ฅ๐—ผ๐˜„๐˜€ ๐—ช๐—ถ๐˜๐—ต๐—ผ๐˜‚๐˜ ๐—Ÿ๐—ฎ๐—ด

You have 100,000 rows in your React app. Your app lags. The DOM fails to handle too many elements.

You need list virtualization.

This method renders only items visible on your screen. It removes items leaving the view.

You get:

Keep your user interface fast.

Source: https://dev.to/iprajapatiparesh/render-100k-rows-without-lag-list-virtualization-in-react-4i3n