55 - React JS практика - pagination, постраничный вывод пользователей

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.i...
Back-end
it-incubator.i...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
API: social-network...
Данных на серверах МНОГО. И когда мы говорим серверной API-шке: дай песни, пользователей, транзакции, оплаты... Сервер как правило никогда не вернёт ВСЕ данные за раз. Он раздробит их на порции и ... Вернёт нам какую-то часть данных, называемую в народе СТРАНИЦА!
В этом выпуске мы познакомимся с вами с Pagination, постраничным выводм данных, пейджингом, пагинацией.. Всё синонимы! Полетели ;)
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
* Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#class #reactjs #практика #примеры #уроки #курс

[@romanpomin1967]

Это как же нужно любить свое дело, чтобы посреди ночи, когда семья спит, записывать часовое видео для бесплатного курса. Да ещё и с перезаписью 4 раза... Склоняюсь перед твоим упорством, Димыч! Если бы таких людей были ни единицы, мы бы жили в совершенно другом мире...

[@yaroslav_dev]

Нужно создать паблик "Цитаты Димыча". "Если у тебя чистая душа, то и зубы будут тоже чистыми. Хотя не факт - (с) Димыч"

[@ПавелЛунин-ж3у]

Создал?

[@ЕвгенийЧекердес]

Еще одна: "Не стесняйтесь считать на пальцах, я всегда считаю на пальцах и никогда не ошибаюсь, точнее ошибаюсь но гораздо реже потому, что не стесняюсь считать на пальцах"

[@daniilbondar1316]

самая лучшая цитата, "у тебя бл#ть нету выходный, ты учишься!!"

[@FerelUltra]

Я вот реально смеюсь с этого) Димыч лучший

[@Arthur_Starovoyt]

Спеиально нажал на паузу после этой фращы чтобы найти коммент на эту тему))

[@АндрейКомаров-т8х]

Ржу над ситуацией))) Один задолбаный чувак посреди ночи, после трудового дня пишет видео и пытается собрать и сформулировать мысли, другой задолбаный чувак посреди ночи, после трудового дня его смотрит и пытается осмыслить😀 Димычу - РЕСПЕКТ за урок! ...И мне РЕСПЕКТ за просмотр, лайк, коммент🤪

[@SynPeleya]

Карусель массива номеров страниц, можно сделать через Array.slice(): pages.push(i); }; let curP = this.props.currentPage; let curPF = ((curP - 5) < 0) ? 0 : curP - 5 ; let curPL = curP + 5; let slicedPages = pages.slice( curPF, curPL); // И в jsx меняем: pages.map(*****) // на slicedPages.map(*****)

[@batm1x]

Актуальная тема, учитывая, сколько тысяч страниц сейчас)

[@yurizhdanov]

спасибо, работает

[@fesenkoas]

спасибо тебе добрый человек

[@ПолинаПолинина-ш8и]

спасибо :)))

[@ЕвгенийСазонов-щ7д]

Спасибо, мил человек !🤝

[@happy_cutman]

Сначала говорил тихо, чтобы не будить, а потом пошло поехало))

[@ВсадникАпокалипсиса-я9е]

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

[@ВсадникАпокалипсиса-я9е]

в конце уже молотил молотком по клаве и стене))

[@artihlec]

50:45 Для тех кому трудно понять почему нужно передавать pageNumber в качестве части аргумента вызова axios.get() вместо this.props.currentPage. Дима слегка сумбурно это пояснил. В компоненту Users прилетят пропсы и значение this.props.currentPage cтанет зафиксированным примитивом (например число 2). В момент клика на номер странички запустится метод onPageChanged который установит новый номер текущей страницы в редакс стейте ( в BLL ) , но значение полученное this.props.currentPage на этот момент останется двойкой, магического апдейта не произойдёт. Поэтому кидаем динамическое значение из pageNumber в аякс запрос. Гхмм не уверен, что я объяснил вменяемо, но я чут-чуть постарался

[@ITKAMASUTRA]

Спасибо за пояснение!!!

[@alexbegus5866]

Вы пишите "магического апдейта не произойдёт" - можете объяснить почему не происходит , state ведь изменился

[@Kulebyaka902]

все равно не понятно )

[@therescue1879]

Постараюсь добавить: За активную страницу в BLL отвечает currentPage которая вырисовывается при получении всех данных. Для того чтобы страница менялась при нажатии мы добавляем onClick которая по каждому нажатию на страницы будет заново отправлять запрос (а то он останется как и был с самого начала) и менять страницу...........208 страниц получилось (по 100 элементов на каждом).....ничего себе людей уже прошло

[@theempire392]

я не знаю почему магического апдейта не происходит, потому что у меня он происходит.

[@egorpobylets6597]

Спасибо огромное!!!!!! Не могу представить, как вот так можно отдаваться своему делу!!!Ещё раз спасибо!

[@ultraza3]

Большое спасибо за все старания!! Смотрю в 2022) надеюсь не я один такой) и страниц уже 3748

[@Объективныйвзгляд-з5к]

не один)

[@JykosGol]

Уже больше, 4286 страниц)

[@chkip1386]

уже 21688=(

[@Илья-ж2г5ш]

@@chkip1386 это если по одному выводить, а вот если по 5, то 4353 сейчас

[@mansiayer848]

21.11.2022 4360 страниц

[@akionka]

У Димыча на обоях логотипы Java xD.

[@ITKAMASUTRA]

Ахахах))

[@Alexander-ns9yv]

У Димыча еще советского ковра не хватает на заднем фоне)

[@vladislavmiroshnichenko967]

Приятель это coffe script)) Синтаксический сахар.

[@KGMelis]

на кухне

[@ringnull]

Я тоже хотел отметить, что он тайный фанат Java )))

[@ЕвгенийСазонов-щ7д]

Было весело, когда 3 часа потратил на написание пагинации, все подчистил, подготовил к комиту. Вводишь последнюю команду в git, ожидая что там gitk --all& (графическое дерево комитов, удобно видеть где ты, и что делать дальше). А вместо этого вбиваешь git reset --hard main (сам же использовал ее для очистки до ближайшего комита). После этого лупал глазами на собственноручно удаленную работу за сегодня. Поискал в интернете, как отменить git reset --hard. Ничего не нашел. Поздравил себя с успехом. Сделал перерыв. Все написал заново. Процесс идет

[@alekseytyapkin5197]

То чувство, когда досмотрел видео, а на твоих часах точно такое же время - 2:30)) Спасибо за уроки!

[@АндрійДанилюк-с8э]

1:45

[@This_Name_For_You]

Спасибо огромное,вижу как ты стараешься. Летим дальше!

[@jyboer6001]

Благодарен от души за разжевывание до мелочей. React Redux!!!

[@romanchub1954]

Огромное спасибо за твою работу! Сам занимаюсь по ночам, сейчас почти 2 ночи. Понимаю как это не просто, особенно после трудового дня. Но желание что-то изменить не дает пойти спать, уже и не обращаешь внимание на силы. Просто делаешь на вдохновении. Желаю всем вдохновения на этом не простом пути, а тебе, Димыч - большая благодарность! Удачи тебе и успехов в твоем дальнейшем развитии 👍

[@seovrag]

Ну как устроился ?

[@yaknyaz13]

Парень, тебя в лигу святых надо записывать за такой труд. Без этих уроков врятли бы въехал в react / redux в течение год, а тут за неделю многое понятно уже. осталось не забыть и без подглядываний научиться.

[@__maxsoul643]

Главное не забывать, откуда в контейнерные компоненты приходят dispatch и state. И как вообще Димыч к этому подводил. Большая ценность в том, что удалось немного "заглянуть под капот" и увидеть как это все работает без react-redux, что оно все не по щучьему велению появляется) Нужно постоянно освежать данную инфу в памяти. Спасибо еще раз. Курс - супер)

[@alexandera7398]

Прохожу курс в октябре 22 года, на сегодняшний день на сервере 21000 пользователей : )

[@Asmodian444]

Спасибо за труд) React JS, Redux, Ajax, Axios

[@crypto4elik]

дааа, жестко! я пересмотрел 4 раза прежде, чем понял и усвоил сделанное.

[@slaviknskforlol]

Димыч, словами не передать, как приятно смотреть твой курс, спасибо! Тороплюсь догнать лайв выпуски на TS

[@cththes9340]

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

[@ДенКондрашов-я6х]

Годнота и уважение - мои эмоции после просмотра видео. Годнота - за подачу материала, уважение - за твое отношение к данным урокам; записывать урок 2:30 ночи, когда завтра на работу, это сильно) В общем, огромное спасибо и больших успехов тебе! Кто-то уже писал, повторю: половина первой моей зарплаты твоя)

[@clientmvideo150]

СУПЕР КУРС!React.js Redux react-redux connect axios props pagination js

[@АрсенОсипов-ж6щ]

React Redux Практика JavaScript курс React разметка Спасибо за урок :)

[@alexanderbratskov9281]

Спасибо огромное, как всегда со всеми объяснениями!!! Всё по полочкам React JS, Redux, Ajax, Axios, pagination!!

[@derrylsshowhh3249]

Очень полезный ролик!И вот хочу отметить,что только сейчас я более менее начал вникать в всю эту движуху)

[@theWorldIsMultivariate]

Доброго времени суток. Данные пользователей меняются? У меня почему то нет, либо 100 последних пользователей, либо десять последних. Не пойму, почему не происходит постраничный вывод=(

[@derrylsshowhh3249]

@@theWorldIsMultivariate Ну да,у меня все нормально функционирует

[@derrylsshowhh3249]

@@theWorldIsMultivariate проблема была с передачей в пропсы на 56 уроке,но сегодня решил проблему

[@efremandre]

не ну годнота, понял что компонента умнее меня, несмотря на то что тупая... пошел дальше

[@someChicoRy]

Очень круто слушать заряженного энергией человека. Самое главное, что эти все бессонные ночи не были зря и окупились для Димыча и теперь он ,довольно таки ,раскрученный чувак в данной сфере)

[@ПавелБещук]

Теперь количество страниц более 150, выходит просто чудовищно!:) Димыч спасибо, запоздало, спустя пол года:)

[@Alex4ever01]

уже более 3000 пользователей ... o.O

[@trusigmacom]

totalCount: 3450

[@Alex4ever01]

В общем и я решил эту проблемку, с / 100 , и в место 700 , только 7 страничек )

[@MellRokk]

4247 - страничек аццкое кол-во) Надо бы доделать пагинацию под такой случай!!!

[@karenzakharyan4309]

6000+ O_O

[@okyskaa]

pagination дается с трудом. Срывался несколько раз, начинал смотреть все видео сначала. Очень крутое объяснение в этом видео, когда прослушаешь несколько раз, начинают доходить вещи, которые не существовали в моей картине мира. Становится понятнее и проще. Спасибо за эти объяснения. Конечно нужно все повторять. Все выветривает из башки очень быстро. Но ощущение что это не так сложно осталось. И какая схема в голове сложилась. Спасибо!!!!

[@miroslavtoikin]

Огромная благодарность, Димыч, колоссальный труд! React Redux Pagination К моменту моего просмотра уже 205 страниц при выводе по 10, надо как то решать эту проблему)

[@ЛусінеАтаджанян]

Pagination, постраничный вывод данных, пейджинг, пагинация, запросы на сервер. Димыч, ты просто красавчик. Курс по React. React.JS

[@icbmr7361]

18:54 "Ю, типа, а это Б" 😂 Дима, спасибо, максимально наглядно))👍

[@MikhailKuklenkov]

Жирнющий лайкос, Дима. Свят-свят, больше 4500+ юзеров, аж страница иногда сбоит)

[@sergiystadnyk6315]

Димыч, видос react.js pagination супер, но поберегите себя, не пишите видосы так поздно, лучше нормально высыпайтесь))

[@ITKAMASUTRA]

Спасибо, Сергей! На том свете высплюсь лет через 70:)

[@ВанькаЕремченко]

Куда высыпаться надо?))

[@БорисЦ-ю8ы]

@@ITKAMASUTRA не факт, что на том свете отдыхают )

[@СтаниславСеменов-щ1п]

@@ITKAMASUTRA так конец света через 50 лет и ВСЕМ кердык! ;)

[@Affrit]

Один из самых интересных уроков получился для меня, когда получил 2540 кнопок с номерами страниц я офигел канеш, решил попробовать сам это дело привести в порядок и спустя несколько часов у меня работает что-то наподобие карусели, где на экране доступно для выбора одновременно не более 8 страниц, c возможностью прыгнуть в конец или обратно в начало, а еще мне понравилась изначальная идея, когда по кнопке пользователи добавляются к уже выведенным с возможностью прокрутки и самое сложное оказалось придумать как эти две механики совместить, чтобы и показывать следующие можно было и только выбранную страницу, заюзал условие внутри componentDidUpdate, пришлось флаг добавить, лучше не придумал, компонента разрослась до 132 строк, но оно работает и это круто! Всем удачи дойти до конца!

[@ITKAMASUTRA]

Супер! Самодеятельность такая нужна! 👏

[@mikss]

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

[@denkodatskyi3381]

КРАСАВА!!!! Самые лучшие уроки по React & Redux!

[@ITKAMASUTRA]

Спасибо 🙏

[@ЕкатеринаТимофеева-к7й]

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

[@ITKAMASUTRA]

Катя, рад стараться! Мчи вперёд! Ты уже на 55 уроке, молодец

[@vitaliyyasinskiy3689]

Димыч в начале видео: потрачу 40 минут, запишу ролик и пойду спать. Ролик: 1 час 2 минуты 35 секунд Самурайчики, пересматривая ролик 3 раз: ну да ну да, пошел я нафиг

[@ervinabliamitov2149]

Димыч, ты красавчик! Ты в своем проекте умудряешься помочь другим людям, заработать, кормить свою семью своим стртапом. Я уже для себя понял, что ебёт всех тот кем движет идея. Глядя на тебя, я вижу что ты не искал быстрых денег, но в перспективе ты сделаешь тех, кто гонится за кэшем, как тот же я (по семейным обстоятельствам).

[@ВикторКулагин-ь2у]

Как всегда круто. Это хорошо, что мы часто работаем с BLL, таким образом мы его помнить будем всегда. ньютабельность это хорошо.

[@disposables72]

Смотрю, и параллельно адресную строку этого ролика разбиваю на составные части. Теперь становится понятна эта абракадабра. Посмотрел ролик дважды. Думаю, надо еще разок. Не всё еще отложилось в голове. React Redux Pagination

[@sergeyshved1058]

"totalCount": 7246, летим дальше

[@fenrir4366]

пришлось условием резать до 30, чтобы не выходило за рамки обзора :/ костыли наше все

[@alexroman3120]

8195 :DDD

[@МаксимДраганов-е8м]

@@fenrir4366 this.props.userBase //.slice(0, showItem) =>to show only some elements ? this.props.userBase.slice(0, 10).map((user, index) => (user ?

[@ДамирСалихов-ф4е]

8499

[@katonwd0905]

"totalCount": 8586

[@davmovsesyan7726]

сначала думаешь, что час это много, но Дима, спасибо вам, что объясняешь на пальцах, ибо у начинающих пробелы везде))) контент и что в любовью это записываешь, это приятно смотреть и учиться! еще раз спасибо!))

[@nadjaparzer976]

it's the best React, Redux, React-Redux kurs for free and even not for free....! Thank you, Dimych!

[@mariia6820]

Дай Бог здоровья тебе всей твоей семье!! Димыч,ты осуществляешь мечты людей!!

[@Alex-bo9wt]

"Главное, что бы душа была чистая. Тогда и зубы будут чистые. Хотя не факт" что в голове происходит в этот момент, какие же там мысли🤣🤣🤣🤣 шикарный урок по погинации даже в 2023

[@HeavyHeavyvich]

Димыч,сделай потом еще курс по Git. Ну или как там концепция называется.. git flow что ли. Как ветки переключать,какая структура должна быть репозитория,и тд.. А то ведь при трудоустройстве очень важно разбираться в этом

[@ITKAMASUTRA]

Не важно! Этим заниматься будут Лиды, они скажут, что куда коммитить! Важнее научиться писать код! Не распыляйтесь))

[@andreiBylkin]

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

[@alfa_main]

Как же мне нравится ваша простота, это очень подкупает, в будущем очень хотелось бы пообщаться с таким открытым, веселым и интересным человеком)

[@romanlapin178]

кодил сегодня и у меня получилось больше 500 страниц по 20 пользователей))), спасибо большое всё понятно и доступно!

[@Albek-ts3ss]

Запрос возрващает 4900+ страниц, я написал логику для этого (Пагинация): {pages.map(p => { if (p === 1 || p === pagesCount || (p >= this.props.currentPage - 2 && p {p} ); } else if (p === this.props.currentPage - 3 || p === this.props.currentPage + 3) { return ... ; } else { return null; } })}

[@maxkos6184]

Отличное видео! Димыч, талантище доносить сложную информацию простым языком, на пальцах, при этом не опуская упомянуть настоящую терминологию; без напыщенности, характерной задрото-айтишное среде! Это ооочень отличает IT-Kamasutra от аналогичных ресурсов. Димыч, летим!!! The Best React Tutorials Videos! Pagination, Request query params

[@WalterWhite-ck5rz]

Для тех у кого несколько тысяч страниц)) Конечно можно вынести в отдельные переменные и красивее сделать, но вот так понятнее. for (let i=Math.max(this.props.currentPage - 5, 1); i

[@mikewazowski7526]

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

[@wild_wizards]

Жирный Лайкос, все получилось, едем дальше. p.s Чтобы ускорить отображение количества страниц в пагинации, можно не писать всякие проверки, а временно ограничить PagesCount в цикле каким-нибудь интовым значением, например, 10.

[@HeavyHeavyvich]

ESlint :)) мне тут товарищ в вебпаке eslint по хардкору прикрутил. Все варнинги,вообще все включено. Говорит:"лучше сейчас мучайся,чем потом тебе по рукам бить будут".

[@ЛюбовьЛенская-и3ц]

Первый сложный урок для меня, но очень интересно Шагаем дальше Спасибо, Димыч !!!

[@Alexandra-cu8uk]

Спасибо, классно. Ещё раз пробежались по кругу, стало понятнее. Закончила в 2:52. Припозднилась лол

[@ГеннадийПетров-ж4ы]

Димыч, пусть тебе карма вернет все то добро!!) React JS, Redux, Ajax, Axios можно понять)

[@StepanVorobiov]

К концу этого видоса сложилось понимание "ВСЕГО", замудрено конечно всё с этими диспатчами, редаксами, экшенкреэйтарами, редюсерами и прочей требухой, но теперь как то становиться понятен этот круговорот. Надо на него ещё понасматреться неделю чтоб он стал как родной и будет шик. И с этого видоса я понял что незря этот курс смотрю! Долгий конечно, много воды и прочее (хотя может и вода не вода!), но тут теперь пошло какое то глобальное знание, остальные курсы быстренькие, методы показали и всё, а тут более осознание приходит как это всё должно работать. Так что СПАСИБО большое за видео! Надеюсь ещё в будущем до меня допрёт необходимость Реакта, потому что пока мне это кажется какойто тюнингованной малолитражкой с урезаными методами работы с домом. Пока я как понял, что плюс Реакта в скорости, какие ещё плюсы будем смотреть. Пока мне кажется что и Ванилью можно накидать офигенно, не хуже чем Реактом. Бомбим дальше... !СПАСИБО!

[@theWorldIsMultivariate]

Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!

[@artempavlenko5147]

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

[@ВладимирАнтонович-п9д]

На текущий момент, 10.03.2020, "totalCount": 2336 Идем дальше !!!

[@mikesmirnov1976]

@@MichaelCurze 2986

[@arlenm1472]

@@mikesmirnov1976 3033

[@arlenm1472]

Да и после 50 обьекта все пустое идет

[@VSsoviet]

@@arlenm1472 3653

[@ЮрийМясников-н5щ]

@@VSsoviet 4149

[@pashabezk]

2022. Спасибо большое! Невероятно интересно смотреть и повторять, разбираться, добавлять что-то своё!

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

Великолепные уроки! Дмитрий лучший! Очень понятное объяснение! В пол 3 записывать с 4 раза часовой видос- ООГОООНЬ!!!!

[@Rapterlol]

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

[@ITKAMASUTRA]

100 выпусков!!! И гоните ✊

[@АнтонДжос]

@@ITKAMASUTRA я рискнул и пошёл после 50 урока, по-моему не удовлетворительно)

[@Григорий-в2к]

@@ITKAMASUTRA а если работодатель знание TypeScipt потребует?

[@ИльяИваник-ф8ф]

@@Григорий-в2к kzbin.info/www/bejne/haeviIqsn9ScbtU

[@artempavlenko5147]

@@Григорий-в2к блин, TypeScropt просто мего-супер классная вещь. С ним намного интереснее и проще ловить баги. подучи TypeScript . тот же JS, ну почти. Cначало ты будешь зол на него, но потом полюбишь

[@АртемПопов-р8ф]

Ого, сижу, на часах тоже 2:20)) только год уже другой)) спасибо тебе за старания, желаю больше подписчиков, такие учебные каналы должны быть в топе Ютуба!

[@yurikorabel5435]

ну что за КРАСОТА происходит на этом канале!!!! React под руководством Димыча по сложности превращается в арифметику 3-его класса.

[@kuko932]

меня переполняет от эмоций как же это все круто. надо сделать паузу, а то лопну от восторга.

[@volodymyrsus]

Thanks! The best lessons of React & Redux!!! React , Redux, State, Store, Dispatch ,Connect, Action, Route, Reducer, Props, Pagination

[@user-san-chous]

А я то ищу, откуда у меня тысячи пользователей, когда в уроке получилось 54... Потом уже глянул на тотал.

[@andreiBylkin]

я тоже минут 20 ошибку в коде искал )))

[@tigranovakyan2783]

2021г. в конце какая то матрица вылезла из цифр, потом дошло что это 2580 страниц )) Спасибо за уроки !!!! офигенно!!!

[@СергейСомов-м8ы]

я рекордно ничего не понимаю. на сложные вещи уделяется столько же времени, как на простые больше всего бесят чуваки, которые что-то поняли и ещё умничают. что они вообще тут забыли, задроты

[@dreizer1834]

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

[@krlkonstantine9726]

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

[@МуратХамитов-ш9о]

Вариант отображения карусели страниц. Вместо let pages = [ ] пишем: let pages = [1, this.props.currentPage-1, this.props.currentPage, this.props.currentPage+1, pagesCount] if (this.props.currentPage < 4) { pages = [1, 2, 3, 4, pagesCount] } if (this.props.currentPage > pagesCount - 2) { pages = [1, pagesCount-3, pagesCount-2, pagesCount-1, pagesCount] } В jsx: { pages.map(el => { return ( this.onPageNumberClickHandler(el)} className={this.props.currentPage === el ? mod.selected__page : mod.page__numbers}> { el === pagesCount && this.props.currentPage < pagesCount - 2 && ' ... ' } { el } { el === 1 && this.props.currentPage > 3 && ' ... ' } ) } Классы в спане свои пропишите

[@ИришкаВеселова-ъ1щ]

Спасибо за совет

[@ПараСлов-н2и]

Правильно, подача знаний у тебя просто офигенная - не поверхностная, а глубокая, структурная, что бы ты не просто умел делать, а главное еще и понимал, что ты делаешь :)

[@artemtsvelov752]

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

[@giorgigvishiani2230]

Лучший IT канал, лучший курс по React, Redux, React-Redux

[@rokki777]

все супер. Летим!

[@AnyPercent_]

Жирный комментарий для топового Димыча. Бомбим дальше)

[@anthem_xlii]

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

[@ЮрийСелезнёв-п2ж]

Самые лучшие видосы на всем KZbin. React,Redux,Pagination,Ajax

[@МихаилКопониров]

Спасибо за тяжкий труд 24/7! Лучший курс React&Redux! Летим дальше!

[@user-ge8hz3bz2k]

Dimych, я влюбился в тебя, ты просто машина

[@anatolyshilyaev]

Дмитрий - человечище! Сам я за один вечер не осилил посмотреть, а он записать умудрился!)

[@ftb2024_official]

Огромное спасибо БРО...не знаю даже что сказать, просто огромное СПАСИБО

[@MellRokk]

Жирный коммент в поддержку курса Димыча. React, Redux, Pagination. Летим - бомбим! Спасибо.

[@constantin1693]

Спасибо огромное, у тебя самые лучшие уроки по react js, отлично, понятно, доступно объясняешь все простые и сложные моменты а том числе ajax и pagination!

[@ЯрославГоловко-ф6и]

Привет из 17.04.2022, totalCount=18462. Примерно 3700 страниц по 5 юзеров. Пришлось input с выбором страницы делать)

[@ДмитрийКибешев]

React JS практика - pagination, постраничный вывод пользователей Спасибо, Димыч! Смотрю, учусь!

[@unique3345]

Большущее спасибо что старался так. 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍

[@konstantinkuksov914]

Прикрутил сторонний пагинатор к проекту, приятно, что сам разобрался на английском что куда, какие пропсы и т п.. Спасибо за отличные уроки!

[@is_eliseeva]

2024-06-15 не очень люблю это видео с пагинацией, казалось муторным. в этот раз с большим пониманием видео считаю более интересным, ставила видео на паузу, сама писала MDTP, action creators, reducer. я довольна =) #пагинация #react #itincubator

[@ВиталяЖизнерадостный]

Тут уже предлагали, как пофиксить огромное число страниц. Добавлю понятный и простой вариант от себя, который работает чуть покрасивее: let newPages if (this.props.currentPage

[@ДмитрийСмольский-о3ь]

Начинал с уроков Юрия Бура, много было непонятного, благодаря Димычу всё стало на свои места, спасибо!

[@РамРокс]

Огромное Спасибо тебе, Димон! Отличный ночной урок, пришлось немного помучаться, по памяти всё сделать, в итоге получилось. React для всех и во всех мелочах - круто, крассава! Thanks

[@Dragon_Qi]

бегая по 2к вкладок, наткнулся на профиль "Ilya!" со статусом " УРА! Реализовал загрузку фото и обновления профиля! И капчу! И ДОШЕЛ ДО 100 УРОКА", такой мотивации конечно давно не было) надеюсь у тебя все круто чел ;)

[@ludabur]

00:32 как сериал, оторваться невозможно))) силой воли отправляю себя спать) Спасибище огромное!!!

[@ДмитроПасічнюк]

Блин топовые тайминги, как раз думал идти спать или посмотреть ещё один видос, но если Димыч делает ночью, то и я могу посмотреть) React Redux! Best Course!