🚀 Frontend Performance - Tối ưu render danh sách (Infinite Scroll)

[@thanhsuan24]

cảm ơn a đã chia sẻ kiến thức ạ

[@pdthien]

Rất cảm ơn em 🔥

[@tuanduong7513]

Hay quá bro!

[@pdthien]

Em cảm ơn anh zai 😘

[@tuannguyen-et1ul]

Hóng video virtual scroll của anh. Liệu video đó anh có thể so sánh 2 loại này và từng trường hợp nên sử dụng không ạ. Em thấy vitual scroll khá hay nhưng thấy bảo những element xử lý phức tạp thì không sài được. Shorts của youtube em cũng thấy sài infinity chứ không dùng vitural

[@pdthien]

Cảm ơn em đã góp thêm ý tưởng cho video sau nha 😁

[@9thdat]

hình như tiếng hơi nhỏ ạ

[@pdthien]

@@9thdat sorri bro, hôm nay mình cảm nên ko nói to được 🥲

[@chanhkunbin906]

Mà bth có áp dụng thực tế nhiều đâu nhỉ, landingpage thì cũng k áp dụng đc còn các trang khác thì kiểu gì BE chả phân trang cho trước

[@pdthien]

Mở rộng ra thì áp dụng call API đó người anh em. Khi load combox lần đầu mình call API lấy 10 bản ghi ở page 1 thôi, khi scroll xuống gần bottom thì call tiếp API lấy 10 bản ghi tiếp theo ở page 2 và cứ lặp lại như vậy. Quan trọng là anh em nắm được tư tưởng của kỹ thuật để áp dụng người anh em à Nếu để ý anh em cũng có thể thấy fb đang áp dụng kỹ thuật này trên newfeed, khi mới vào trang chỉ load vài post thôi, lúc nào người dùng scroll gần bottom thì mới call API load tiếp thêm các post khác

[@rainydaytuness]

Video nói ok hơi nhiều

[@pdthien]

Cảm ơn người anh em đã góp ý 😁