Post #8

🛠️ Как сделать Infinite Scroll? ❓Зачем это нужно? Эта популярная фича для контент-проектов и соцсетей – бесконечная лента, которая подгружает новые посты при свайпе, прежде всего на мобильных устройствах. Это обеспечивает ‘залипательный’ эффект для приложения, что означает лучшие продуктовые метрики – engagement и, соответственно, рост рекламных доходов. 🤖 Как это работает? Мы могли бы загружать всё новые посты и добавлять их на страницу веб-приложения (в HTML-документ), но тогда сам документ все время бы рос в размерах и начинались бы тормоза при отображении ленты (что означает плохой пользовательский опыт). Память браузера (особенно мобильного) так же ограничена. Поэтому основной подход – это использование виртуализации, то есть сохранения контента только тех элементов, которые видны на экране. При свайпе мы не добавляем новые элементы, а перезаписываем контент тех, которые видны. Это сильно ускоряет отображение и экономит память. 📚 Материал по теме Отличная фундаментальная статья про сам механизм и детали реализации на TypeScript от Евгения Рая (Facebook, Лондон) (канал Евгения: https://t.me/frontend_engineer_blog). 37 минут чтения под хороший кофе или чай: https://evgeniiray.medium.com/infinite-scrolling-in-web-ultimate-guide-b698124b3172 Я планирую записать скринкаст с пошаговой реализацией алгоритма из статьи Евгения.