Привет друг ! В этой статье попробуем реализовать универсальный компонент (обёртку), для реализации загрузки новых данных при достижении конца списка пользователем 🧐. За достижением оного обратимся за помощью к браузерному API - Intersection Observer. Чего мы хотим добиться? тут 🥸. И так - поехали !🛼 В родительском компоненте, для нашего будущего InfiniteScrollWrapper.tsx - тот самый универсальный компонент пишем: // моковый массив const MOCK_DATA = Array.from({ length: 100 }, (_, i) => `Item...

План: 1) Введение 2) Рабочий сценарий, из-за которого получилось обнаружить проблему 3) Intersection observer и готовые решения, которые основаны на событии скрола, ресайза и мыши, проблема кеша и бесконечного скрола 5) Выводы Введение Всем привет, меня зовут Александр, я являюсь фронтенд разработчиком более 4-х лет. В этой статье хочу поделится с вами проблемами, с которыми я столкнулся, когда занимался разработкой своего чата для закрепления понимания работы с сокетами. Также во время работы с...