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