Как сделать пагинацию на React.js ? [React Pagination] 

Что еще из базовых вещей вам было би интересно узнать, как реализовать ?)

Спасибо за пагинацию. Как раз то, что было нужно

Просто великолепное видео, сделал у себя в проекте, получилось круто! Благодарность автору)

Спасибо за урок, просто и понятно!

Большое спасибо за полезный и нужный урок.

Спасибо! Видео было очень полезным

спасибо, вместе с mui оч классно получилось !!!

Спасибо тебе за такой урок, возможно благодаря тебе получу свою первую работу

очень полезые практические видиоролики . автору большое спасибо за работы . буквально начал один за другим смотреть

Лучший, очень полезный материал!

Спасибо за урок, для меня пагинация оказалась сложной задачей, с помощью этого видео удалось разобраться))

Спасибо, вы очень помогли!

Спасибо Вам за проделанную работу, взял вариант на вооружение

Спасибо за полезное видео 🤝

без заморочек спасибо друг

Спасибо, очень круто

Спасибо помогло)

Спасибо огромное! Очень помогло)

Спасибо дружище за труды

интересно и просто) у меня сразу поулчилось

Очень полезный материал! Спасибо! Можно сделать полосу заполнения формы в React

спасибо все получилось, лучший просто, выручил очень сильно 😘😘

Супер спасибо огромное.

Спасибо, очень помог)

Спасибо! Помог! Ни как не могу раскурить пагинацию)

От души, бро)

Спасибо, друг. Выручил.

очень годно

очень круто, помог)

Bro you nailed it !

Дуже класне відео. Дякую

best the best! спасибо

Братан, ты топ.

спасибо мне помог

Дуже дякую!

Спасибо за урок, все очень круто))

За урок спасибо! Можно как-то через реакт в пагинацию заливать контейнеры, содержащие картинки или видеофайлы в виде ссылок url к сторонней базе? ломаю голову не могу придумать как сделать по человечески)

Спасибо. Было бы интересно со своими css классами, без bootstrap

Круто, спасибо, мотаю на ус! А с react-router это можно как-то совместить?

Лайк

Спасибо автору за видео но есть нюанс. Когда находишься на первой странице и нажимаешь Prev Page то все крашится и так же если дойти до конца списка и нажать Next Page. Хорошо бы предусмотреть условие

Спасибо за познавательный контент! Очень здорово объясняешь. Есть такой вопрос - на 6.20 ты разворачиваешь реакт компонент, набрав rfc, но у меня в vs code разворачивается классовый компонент, можешь подсказать, это у тебя плагин установлен или где-то в настройках задать?

В реальной жизни мы почти никогда не будем тянуть сразу все элементы, поэтому ожидал от видео что покажут как работать в таком случае

а что за фишка при вводе rfc рисуется базовая разметка компонента.

у меня с 1 prev отрабатывает на пустой экран, подскажи плиз, как можно реализовать, что бы дойдя до 1 останавливался массив. Условия не помогли.

Это перевод с канала BradTraversy? =) точнее TraversyMedia

Застрял на выводе стран... Сначала сделал по своему - ошибка. Переписал символ в символ с видео. Та же ошибка -Objects are not valid as a React child (found: object with keys {common, official, nativeName}). If you meant to render a collection of children, use an array instead.😭

как сделать чтобы button светился на которую я нажал чтобы понимать на какой странице я нахожусь? нужно условие, но как и где это написать?

У меня только Loading... и все? Сломалось чтоль?

Хороший урок,а то я у одного иностранца по имени Педро смотрел там у него была ошибка вроде все правильно но кнопки не работают и всего 1 цифра вместо 10

Найс кнопки сделал в конце)) Если карент пейдж равна 1 пожмякай на превпейдж кнопку и глянь че будет)

А почему нам нужно делать setLoading(true) , а потом setLoading(false) в useEffect, что это нам дает, без этого нельзя обойтись ? 5:14

что то Api не работает

Единственное что нет смысла использовать useState для country per page, можно просто в константу

Как быстро развернуть компонент? Что за магия такая?

Это никуда не годится, а если апи возвращает список из тысячи и более элементов? Пагинация должна определяться на бэке, а не на фронте.

То что делает автор это не пагинация как таковая, а просто порционный рендеринг данных. Возможно для кейса со странами когда записей 200-300 этот кейс и будет полезен, но в большинстве случаев нет. Пагинация предполагает порционное получения данных с сервера. Представьте абстрактный пример что у вас ендпоинт отдает миллион строк, при данном подходе вам придется сначала этот миллион запросить, запросы без лимита могут создавать достаточно серьёзную нагрузку на бекенд, обязательно нужно передавать лимит или номер страницы в запросе. Если вы изучаете Реакт и ищите пример пагинации, то это не то что вам нужно

сел делать, а аппи не работает...

очень много недостатков, не продуман урок

стран стало 251, и это нужно уже 26 страниц, но math.floor не покажет тебе 26 страницу, поэтому лучше Math.ceil.