Back to Browse

Let's Build a VIRTUALIZED LIST from Scratch in React.js

29.5K views
Mar 2, 2024
12:45

A beginner friendly deep-dive into building a virtualized-lists from scratch and the algorithm behind them. #reactjs #virtualization #frontenddevelopment Code: https://github.com/rajeshdavidbabu/virtualized-list-demo Further learnings: https://dev.to/adamklein/build-your-own-virtual-scroll-part-i-11ib React-Virtuoso: https://virtuoso.dev/ Gitposter-app: https://www.gitposter.dev ✨ My Links - Discord: https://discord.gg/R9aAX7zxkM X.com: https://twitter.com/rajeshdavidbabu Want a shoutout?? : https://www.passionfroot.me/rajesh-babu Github: https://github.com/rajeshdavidbabu Timecodes: 0:00 - Intro 00:53 - Chapters 01:30 - Problems with really long-lists 03:13 - Virtualised List Architecture 05:21 - Building a virtualised list 08:23 - Optimising the algorithm 10:40 - My Verdict

Download

1 formats

Video Formats

360pmp424.5 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Let's Build a VIRTUALIZED LIST from Scratch in React.js | NatokHD