Динамическая пагинация на React JS. Подгрузка при скролле страницы React JS

В этом уроке мы сделаем динамическую пагинацию, другими словами подгрузку данных при скролле страницы на React js.

Поддержать меня и мой канал вы можете по ссылкам ниже.

[BorderInVais]

Откровенно говоря, я на этом канале встречаю то, что действительно интересно увидеть и посмотреть. Канал просто пушка. Удачи и благополучия:)

[profidev_js]

Ох парень, ты как всегда. Ролик на 10 минут, но все четко. По делу, и с комментариями. Приятно следить!

[pavelsh]

Спасибо за урок динамической пагинации на React!

[shiryaev]

В самом конце у автора опечатка: в проверке scrollHandler должно быть photos.length === totalCount, а не photos.length < totalCount
PS Отличный урок, огромное спасибо

[motivation_upp]

Если после добавления общего количества страниц контент при скролле не загружается, то во втором useEffect вторым аргументом нужно передать не пустой массив, а totalCount:

useEffect(() => {
document.addEventListener('scroll', scrollHandler);
return () => {
document.removeEventListener('scroll', scrollHandler)
}
}, [totalCount])

[alexandrelagin]

Просто шикарно, не большой ролик, тема хорошо раскрыта, всё чётко и понятно и нет воды. Популярна тема среди зарубежных ютуберов - разработка клона какого-то приложения, подумайте над этим вариантом. Кого можете посоветовать из англоязычных авторов ? из ютуба или юдеми. Даже не могу представить, сколько времени у вас уходит на создание видео в таком режиме, очень часто они выходят, лишь бы вы не выгорели, не забывайте отдыхать!

[vasyl_ua]

Привет! Очень полезноє видео как и контент канала! Спасибо что уделяєш время интересным и обучающим видео!

[АртемКулинский-юо]

Бля, чел, я работаю и пользуюсь твоими видосами. Просто кайф, что можно не ебать себе мозги по поводу таких штук и сосредоточиться на других, еще не решенных задачах. Красава)) Лайк

[dieu-merci]

Большое спасибо за такой контент, быстро, кратко и по делу. Надеюсь у вас в жизни все будет хорошо

[КарэнАкопьян]

Спасибо за урок! Уже несколько раз применяю данный метод в рабочем проекте

[itpro]

Спасибо за видео. Насколько знаю у такой пагинации есть траблы с СЕО оптимизацией, особенно у яндекса, поэтому в каких то интернет магазинах лучше делать классическую постраничную пагинацию, ну это так, на случай если кому то понадобится

[vladyslavfx]

Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.

[konstantinzhirnov]

Спасибо. Отличное видео про динамическую пагинацию. React рулит.

[alexanderbudzko]

Супер-полезный канал, спасибо большое!!!

[annes]

лайк, ролик топ! решал проблему и тут прям все есть. автору респект!

[petrvictorovich]

Бомболейло! Теперь такое прикручу куда угодно!

[alekseyr]

IntersectionObserver кагбы существует. Он удобнее

[artempavlenko]

Курто, полезно !
Благодарен.


#reactjs

[feodoraxis]

Спасибо за полезное видео. Очень помогли

[ВладикГеранин]

Допустим я подгрузил несколько пользователей 20 штук, хочу удалить первых 2 , они удалятся из базы данных но не в реальном времени удалятся только после перезагрузки страницы, я не могу понять как это можно сделать