๐ฅ๐ฒ๐ป๐ฑ๐ฒ๐ฟ ๐ญ๐ฌ๐ฌ๐ธ ๐ฅ๐ผ๐๐ ๐ช๐ถ๐๐ต๐ผ๐๐ ๐๐ฎ๐ด
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:
- Faster load times.
- Less memory use.
- Smooth scrolling.
Keep your user interface fast.
Source: https://dev.to/iprajapatiparesh/render-100k-rows-without-lag-list-virtualization-in-react-4i3n