93 - paginator, постраничный вывод - Практика ReactJS

it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Друзья, постраничный вывод и алгоритмика и математика, которые в него заложены - очень важны для вашего мышления. Постарайтесь это понять. Просчитать логику в голове, на БУМАГЕ. Paginator, paging, постраничный вывод - это касается не только визуализации на UI, но это вам пригодится в будущем, так как эти расчёты постраничной разбивки будут с вами всю жизнь: от rest api до распределённой обработки данных с помощью hadoop.
Тема акутальная. Вспоминаем, как мы делали первую версию постарничного вывода и запрос данных на сервер, вот видео:
• 55 - React JS практика...
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#tdd #reactJS #тестирование #практика #пример #уроки #курс

[@bitcoin-]

Этот формат видео не очень!Когда за тобой повторяешь картинка складывается на ура.Пожалуйста не надо этот формат .В старом формате весь изюм и полезность проекта соц сеть.Спасибо Димыч

[@artempavlenko5147]

+++

[@rupert-xxx]

Согласен с посылом твоего комента, но изюм говно конечно

[@user-te9ci1tx4x]

согласен на 100%

[@J-Lany]

Согласна на 100000%

[@advhunter2]

Прошлый формат

[@user-je4zx5vf3p]

Мне такой формат видео не очень зашол. Спасибо за урок

[@user-rd4ck6ei2f]

Не....мы теряем Димыча...вообще не заходит такой формат..Все равно ты теряешь время когда готовишься и потом снимаешь...лучше как раньше....поэтапно отслеживать изменения кода и смотреть что за собой тянет то или другое изменение гораздо лучше..я давно сделал уже пейджинатор в другом правда ключе запросами на сервак за актуальной информацией но эта тема очень интересна ...так планирую разбивать туДу задачки на страницы..зашло не ок..несколько раз пересматривать пришлось что бы проследить ход процесса..Дима вернись мы все простим :)))))))))))))

[@MDFireX5]

Вся твоя фишка это объяснения и пошаговые этапы, важна не скорость а качество

[@wirexia3454]

Можно добавить ещё: useEffect(()=>setPortionNumber(Math.ceil(currentPage/portionSize)), [currentPage]); при уходе со страницы юзеров на другую и при повторном возвращении на неё, пагинация подгоняется под текущую страницу юзеров, которая записана в userReducer, но лучше самим увидеть разницу. P.S.: Спасибо Димыч, раньше скролл добавлял что бы скрыть эту громадину страниц, но такой подход в разы эффектней, теперь тема пагинации меня вовсе не пугает)

[@__online7250]

Благодарю, мне пригодился твой код)

[@vlad-zf1ev]

нужный код, благодарю!

[@scarletheavens4606]

Плюсик в карму!

[@alik64]

Как раз об этом подумал, благодарю 👍🏼

[@TMANandMAISON991]

или можно внедрить этот код вот так const [portionNumber, setPortionNumber] = useState(Math.ceil(props.currentPage/portionSize))

[@arcticmonkey077]

За старый формат!

[@user-nk6ih7uh1h]

Если кто-то не понял, что происходит в className span'a, в котором содержаться номера страниц, то подскажу: Дима установил библиотеку classnames для того, чтобы удобнее было добавлять сразу несколько классов одному элементу. Мне почему-то казалось, что этот paginator будет очень легко сходу реализовать, особенно после одного лишь взгляда на твою идею в коде, но что-то пошло не так, поэтому все затянулось. В конце концов все реализовано и понятно. Пагинация, pagination, постраничный вывод (называйте, как хотите) - важная тема, так как она будет дальше использоваться на разных страницах. Лучший курс по React JS и JavaScript. Дима, красавчик, летим

[@romajan21]

спасибо!

[@RBBoxing]

мне лично совсем не удобно было из за того, что весь код компонента который уже написан не помещается на экране по ширине, нормально ничего не отследить не сверить не получалось. И вот про этот момент ничего не сказал import cn from "classnames"; А так большое спасибо конечно за труд!

[@webdeveloper7690]

Про cn, >>> npm i classnames --save-dev

[@user-nw6kz6zn3s]

не обязательно использовать библиотеку для этого, у меня так работает className={`${currentPage === p ? styles.selectedPage : styles.noSelectedPage }`}

[@MonkyKseniya]

@@webdeveloper7690 только без "-dev", если загрузить в дев, то не будет компилироваться. Я так сделала и пришлось удалять пакет, грузить нормально. У того же Димаса в проекте установлено без дев, это можно посмотреть в package.json .

[@iliagrashev681]

@@webdeveloper7690 спасибо огромнейшее!!!)

[@ruslanfomin4648]

у меня одного пагинатор не отобразился вообще?? уже экспериментировал с css, думая, что он где-то спрятался за фоном, но нет, не показывает. Самое интересное, отступ появился, как будто он там, но невидим.. сижу над этой багой, ломаю голову Уже даже скопипастил код Димыча(пагинатор и его css), не показывает, хоть ты тресни

[@MadaraUchiha-vh9yh]

вот как реашил. totalUsersCount не нужно менять на totalItemsCount потому что, иначе нужно будет лезть в редюсер, на сколько я понял. в терминале пишем это: npm i classnames --force. сверху пишем: import cn from 'classnames'. а дальше пишем точно такой же код.

[@iipofuck2110]

cпасибо, что пришлось тратить меньше времени на поиск проблемы)

[@maxkos6184]

Мое мнение спустя год - Димыч, лучше показывать нативно, в режиме реального времени, ибо так лучше. Например, в Пагинаторе есть строка import cn from 'classnames'; и я то конечно, догадался сделать npm i --save classnames , но вот надо бы озвучивать, а если бы по ходу все было, то мы бы поняли кто такой classnames и зачем его инсталить в проект. Но, ты крут Димыч! Тесты херачишь, настоящий самурай

[@peschernuy]

Так все таки кто он такой и зачем?))

[@Aleks-lk1et]

Спасибо с 2022!

[@__online7250]

Прежний формат уроков понятнее, пусть даже и дольше) Спасибо за урок! #tdd #reactJS #тестирование #практика #пример #уроки #курс

[@maxim.saharov]

[@MariTochka]

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

[@mariia6820]

Лучшие уроки по практике ReactJS!

[@user-bd4lw9hx3s]

Дмитрий, спасибо вам огромное! Вы удивительный человек! Столько силы и ума! Отличные уроки по React - Redux! Благодаря вашим предыдущим урокам получилось самому сделать Paginator, поставив в начале видео на паузу!

[@johnmj750]

Спасибо, Димыч! Сейчас, в 2022 наверное это не актуально, но предыдущий формат в 100500 раз лучше)) В любом случае, спасибо тебе за труды!!! Храни тебя Бог!!!

[@shhhamsy2304]

Если вы не поняли что такое cn в то Димыч установил библиотеку classname (установить npm i classnames || yarn add classnames) и стоит прочитать немного документацию этой либы

[@user-zq6nr9zy2u]

спасибо за всю работы проделанную и которую сделаешь

[@ritaravinsky8262]

Спасибо! Конечно хочется видеть как ты кодишь и решаешь проблемы в процессе! React, pagination, testing components.

[@mykhailostepanishchev6472]

Крутой урок ! Большое спасибо !

[@rahalmamut01]

Спасибо за практику по реакту!

[@user-xs2dx2mh3f]

Спасибо за УРОК, очень круто!!!!!!!!!!!!!!!

[@semial]

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

[@marsonleonardovich4036]

Более сложные темы лучше по старому формату, а простые, которые легко заходят, можно по новому формату. LIKE! Этот урок хорош, тем, что разбираешь не свой код сам!

[@user-di9dd7bb4l]

Спасибо за урок! paginator,постраничный вывод - React JS

[@user-tf6jz7hj9d]

Спасибо за react paginator. Всё было понятно, в принципе, но да, старый формат гораздо более поучительный, когда можно следить за ходом твоих мыслей, рассуждениями, как ты приходишь к решениям, с какими проблемами сталкиваешься и как их решаешь. Спасибо за курс! Уже близко к концу... :)

[@frozeninside5004]

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

[@user-di9dd7bb4l]

Спасибо за урок!!!! paginator постраничный вывод. Практика React JS

[@vladimirww5152]

Круто, очень удобно работает!)

[@advhunter2]

Подобный формат

[@amaxe12345]

Спасибо Димыч! paginator, постраничный вывод - Практика ReactJS #tdd #reactJS #тестирование

[@sergeymalinichev2329]

Отличный курс!!!

[@sveta7201]

🤩paginator, постраничный вывод - Практика ReactJS. Лучше как было! Спасибо за уроки!

[@user-nk2qz5fb1p]

новый формат кайф!

[@user-xd6ev4gz2k]

формат круто подойдет для старых тем (по сути это старая тема, мы лишь только ее зарефакторили, мне зашло на ура), но если тема новая, то НЕТ, нужно расжевать все))

[@user-xs2dx2mh3f]

Блин, Димыч, как у тебя сил и энергии хватает такие уроки делать. Ты мега Чел. 93 выпуска прошли как на одном дыхании. Ты мастер доходчивого объяснения. Лайк всем урокам твоим

[@user-oh3jc7jq3u]

Полезный выпуск. Спасибо!

[@dimitriitkach7697]

spasibo za urok - 93 - paginator, постраничный вывод - Практика ReactJS , Both formats are good !

[@twowords1681]

@ Прошёл все 92 урока с осознанием каждой мелочи в React. @ Сломался на сраном пагианторе PS. сложна

[@vana__f7570]

а математичка говорила учи алгебру и геометрию!!! Математичка ликует)))

[@Max-cu6mc]

то чувство когда сделал пагинатор круче еще на 55 выпуске + еще с роутом в URI с параметром за 30 мин, можно в мидлы наверное

[@vadimkurikin5269]

@@Max-cu6mc скинь посмотреть. Интересно будет сравнить) Я тоже сделал его сразу, не такой как у Димыча, мой отображает последнюю страницу и +-5 страниц от выбранной. let pages = (currentPage, totalPages) => { let curArr = []; if (currentPage = totalPages) { curArr = [1, "...", totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1, totalPages] } else { for (let i = currentPage - 2; i {usersPage.currentPage == n ? {getUsers(n)}}>{n} : n == "..." ? {n} : {getUsers(n); setCurPage(n)}}>{n} } )}

[@user-cy4cz7zx4m]

Спасибо за урок

[@elenaswiderskaya718]

Доооолго не могла засесть за проблему переключения по страницам (описана в комментах), но тем не менее - решено! Димыч, спасибо! Полезно реализовать пагинатор (paginator) своими руками, без всяких UI библиотек. Прям чувствую, как мозг включается, а после решения проблемы прям пошел дофаминчик.

[@marina.health]

Димыч, спасибо) Мне понравился данный формат видео, наглядно)

[@ctumyji9737]

Спасибо за урок! Старый формат понравился больше :) React JS от Димыча - лучший курс!

[@is_eliseeva]

paginator спасибо за урок, Дмитрий!

[@eugene-dmitrievich]

Спасибо за урок! Было очень полезно. react, redux, pagination

[@Snegurjan]

Спасибо за урок,я так же за старый формат)))

[@user-os6lc1ty1h]

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

[@user-yx7in9nl1d]

Это хорошо, что про библиотечку classnames не рассказал, самому разобраться было и интересно, и полезно)))

[@TedBaggins]

Советую тут не мудрить и просто использовать material-ui pagination. Предварительно надо установить их core и lab. Пример компоненты: { props.onPageChange(page); }}/>

[@sanpop103]

Может знаешь ,как там цвет менять кроме 3 которые дефолтные ?

[@daryaemelyanova1785]

@@sanpop103 , обернуть . А пример theme: const theme = createTheme({ palette: { primary: { main: deepPurple[900], light: deepPurple[400], contrastText: '#fff', } }, });

[@daryaemelyanova1785]

У

[@ivanmiarkulau8320]

react, redux, paginator, спасибо за урок!)

[@esken97]

Спасибо Димыч)

[@user-pc9bl7uf1l]

Благодарю!

[@tootlno3774]

Очень круто Димыч! Я сначала по своему сделал, потом уже посмотрел видос, до твоего варианта я бы наверное никогда бы не додумался лол, хотя кода получилось столько же)))

[@user-vw8gp1tq8o]

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

[@user-il4ph3fr6h]

или недоджун)))

[@mikalai_root]

@@user-il4ph3fr6h или недотрэйни))

[@denysm5599]

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

[@alfa_main]

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

[@marlonbrando458]

Комментарий и лайк!

[@alexanonymous5823]

спасибо за постраничный вывод=))

[@user-rg8wz2rt9e]

Хорошо объяснили, норм формат, но иногда лучше с Димычем код писать. Но нужно сделать npm install classnames

[@user-nv4vb5sq7l]

spasibo

[@piligr1m_ua_]

спасибо

[@user-tr8hr4xm1l]

Кстати да, Димыч!))) Это философский вопрос 2:10 . Думаю, что пока цели совпадают, то друзья, а когда дело доходит до дележки денег и борьбы за заказчика, то конкуренты

[@Aleks-lk1et]

Спасибо! 2022! Урок нормальный, код виден, рассказ понятен. Есть минус - автор может упустить чего-нибудь, а у нас не будет компилиться. Так и случилось. Пришлось почитать комментарии и сделать npm i classnames. Иду далльше.

[@user-bl4dl9ke7b]

Спасибо

[@IvanSuprovich]

А я еще когда только-только сделали UsersPage сделал пагинатор через slice массива со страницами. Не знаю, насколько это корректно, но оно работает. А этот выпуск просмотрел для общего ознакомления, спасибо, Дим)

[@genapolyakov]

правильнее будет написать let [portionNumber, setPortionNumber] = useState(Math.ceil(currentPage / portionSize)); после загрузки страницы или пользователей слетает potionNumber и становится =1. поэтому нужно заменить 1 на Math.ceil(currentPage / portionSize)

[@a_mexdiev]

спасибо

[@Titanidze17]

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

[@orangedragonthebestraper]

Этот формат Явно лучше , для простых и средних тем - точно ! для сложных этого будет не достаточно!👌😎😎😎

[@milter2539]

Урок 93. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:

[@vegeman8954]

Димыч, я все конечно понимаю!!! Но как твоя компонента меняет setPortionNumber в зависимости от currentPage? Если ты выберешь любую страницу после десятой, при rendere portionNumber = 1 и вся компонента перерисуется в дефолтный вид. Скостим тебе это косяк, на то что ты оставил это нам на закуску) Спасибо за урок!) Мотивируешь! Если кому интересно я решил это таким костылем: const [portionNumber , setPortionNumber ] = useState(Math.floor(currentPage/10) + 1) P.S. Даешь курс на ХУКАХ c правильной архитектурой

[@kirillgurin6105]

мегахорош

[@piligr1m_ua_]

что такое: import cn from "classnames" ? нашел ответ в комментах : npm i classnames

[@kril5903]

спасибо

[@peschernuy]

Спасибо! Выручил!

[@marina-ej4qd9kc1wh]

cпасибо!

[@dimakalinichenko4913]

Красава

[@ole_oli]

Спасибо Димычь. Бомбим дальше. paginator готов.

[@eddyvir4]

+ предыдущий формат

[@onGrill]

Трудновато, но разобрался. Димыч, спасибо!

[@tatianakruglaya6760]

shift + f6 - аккуратно!! - чуть с ума не сошла! Видео супер, только жаль, что не было услышано хоть пару слов о класснеймах( . Формат видео paginator, постраничный вывод - Практика ReactJS мне не зашел т к я неуверенно двигаюсь в обучении и было бы здорово повторять первые шаги! спасибо Димыч за труд!

[@Alex-ge7jt]

Такой формат тоже хорош! Тем более нужно учиться писать код самим. Тут посмотрели - сделали у себя по памяти. Тем более уже много разжованных видео было до этого. Думаю золотая середина будет чередовать выпуски, например 2 выпуска в старом формате, 1 в новом (или 3 через 1 и т.д.). Спасибо

[@ITKAMASUTRA]

Спасибо, хорошая тема

[@user-fs1ux7dy6r]

paginator, постраничный вывод - лучший курс по React

[@hennadiipetrov1967]

Старый формат, но все равно спасибо, Димыч)

[@itweb7157]

сначала сделал свой, потом сделал как у Димы (со своими усовершенствованиями)... Дима, спасибо! #paginator, #постраничныйвывод - #Практика #ReactJS

[@user-pk3tl6nu4l]

Мы конкурентные друзья :D Конкурируем но по дружески :)

[@tema_skakun]

Дима, спасибо за урок) возможно кого-то тоже бесит, что после ухода со страницы users пагинатор сбрасывается на 1. исправьте код: let [portionNumber, setPortionNumber] = useState(Math.ceil(currentPage / portionSize)); #reactJS #тестирование #практика #пример #уроки #курс

[@chaikadxport]

Почему после ререндера компоненты значение useState сбрасывается?

[@tema_skakun]

@@chaikadxport чтобы понять, как помочь мне нужно немного больше информации. если вы спрашиваете о кейсе со сбросом номера страницы, то на сколько я помню (а видео я смотрел больше полугода назад) Димыч по умолчанию в useState поставил 1 => вы перерендерили компонент => вы оказались на первой странице. если вы используете решение, которое я предложил выше, будет вам счастье. или же вы спрашиваете об ошибке в работе useState вообще, то у этого может быть много причин, например: Неправильное использование хуков: Убедитесь, что вы используете хуки useState внутри функционального компонента и вызываете их всегда в одном и том же порядке. Не пытайтесь изменять их значение напрямую. Побочные эффекты: Если вы имеете побочные эффекты, такие как асинхронные запросы или подписки, они могут привести к обновлению компонента, что может привести к повторному вызову функции и сбросу значения состояния. Для управления побочными эффектами используйте хук useEffect. Перерендер по причине изменения props: Если компонент перерендеривается из-за изменения его пропсов, это также может привести к сбросу значения состояния. Убедитесь, что вы правильно управляете пропсами и используете React.memo или shouldComponentUpdate, чтобы предотвратить ненужные перерисовки. Использование ключей при маппинге списка компонентов: Если вы отображаете список компонентов с помощью map и каждый элемент не имеет уникального ключа, React может считать, что это новый компонент и создаст его заново, что приведет к сбросу состояния. Изменение стейта вне React-а: Иногда стейт может казаться сброшенным из-за изменений, произошедших вне React-а, например, при использовании глобальных переменных или неправильном управлении данными из других источников.

[@razlond159]

Поскольку с видео, честно говоря, почерпнуть что-то сложно, предлагаю тем кто был в неком замешательстве после просмотра как и я, взглянуть на react-paginate. Очень понятная пагинация, легкая + сделаете сами и по-своему

[@xtereone]

Димыч Красава!)

[@xtereone]

Мне нравится формат когда вы уже сделали, а мы потом пытаемся сами это реализовать

[@user-fs4sl5my1o]

Всё было понятно, но всё таки старый формат был лучше ! Будет видео про styled-components ?

[@ITKAMASUTRA]

Уже после 100 выпуска!

[@user-fs4sl5my1o]

@@ITKAMASUTRA Преогромнейшая благодарность за твой курс по React и Redux !!! Тебе нужно выступать на конференциях и каких-то митапах ) Я бы сходил послушать тебя )

[@user-wd3tl2rx9p]

Димыч, спасибо. paginator, постраничный вывод

[@bloody91122]

То чувство, когда решил сделать сам и получилось как у димыча)) Как-будто взломал пентагон, ей богу XD Спасибо за уроки, друг!

[@olegmilkin9694]

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

[@user-ub8yh7ml5m]

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

[@fargutvest]

Pagination номера страничек со стрелочками prev, next Круто Спасибо! React Redux

[@n0escape]

Описывать и пересказывать по уроку нечего. Могу разве что добавить ниже чуток отредаченный Димын код пагинатора. Еще от себя добавлю, что код Димыча в общем рабочий, только надо проинсталисть библиотеку classnames. Без понятия что она делает, ибо не инсталил. mport React, { useState } from 'react' import s from "./Pagination.module.css"; const Pagination = ({totalItemsCount, pageSize, currentPage, onPageChanged, portionSize = 10}) => { let pagesCount = Math.ceil(totalItemsCount / pageSize); let pages = []; for ( let i=1; i 1 ? { onPageChanged(pages[0]) setCurrentPortion(1) }}>toFirst { currentPortion !== 1 && setCurrentPortion(currentPortion - 1) }}> PREV : null }{ pages .filter(p => currentLeftBorder {p} )) }{ currentPortion < portionCount ? { currentPortion !== pagesCount && setCurrentPortion(currentPortion + 1) }}> NEXT { onPageChanged(pages[pages.length - 1]) setCurrentPortion(portionCount) }}>toLast : null } } export default Pagination;

[@vladpobidash]

Не, Димыч, не катит! Думал урок 24 минуты, сейчас все быстро сделаю и отдыхать, но... Искал баг, перекопал все что связано с Users, перебрал весь reducer, юзал кучу дэбагов везде где только можно... Ничего не помогло, отыскал коммит, почал по строчке анализировать и вставлять код - заработало! Ошибка была в hook useState(), где на автомате случайно вместо [] напечатал {} ... Но еще до момента поиска этого бага было куча проблем с недопониманием что как. Но, это был один из важнейших уроков, ведь так дэбаг я еще никогда не юзал, такой анализ кода был очень полезен для меня! В любом случае, спасибо, Димыч, за урок!

[@viktorshatalov1920]

Прошлый формат был лучше... Спасибо за лучший курс по react.js

[@user-xs2zw7ze6l]

Димыч, летим в космос. У меня будут все юзеры сразу, просто буду скролить вниз, но спасибо, было интересно. У меня за окном война, а я бомблю Реакт. Кабзда какая кабзда

[@technical777]

Этот формат подходит ( на 93 видео, если бы ты начинал с такого формата, то однозначно не подходит ), пришлось взять лист и ручку прописать формулу, проговорить вслух что бы стало понятно самому себе. Было бы хорошо, если больше твоих уроков ( объяснений ) с задачами аналогичными этой где нужно,что то решить опираясь на явно математическую логику. Задач с решение по программированию с уклоном на математическую логику на KZbin не хватает, Димыч, а у тебя получатся потрясающие видосы.

[@user-vj8hj9jk2b]

Спасибо за видос. Мне удалось написать универсальный пагинатор по немного другой логике - без разбиения на отдельные порции (без css в playground-е). Проблема была ясна, решений множество. А так-то да - 6 месяцев назад я просто пагинатор Димыча скопировал.... Сегодня перед пересмотром видоса решил написать самостоятельно - и не сразу, но заработало)

[@resenpaii]

Старый формат душевнее. И камера с афйона тоже :)

[@MooMonero]

Привет, можно пожалуйста ещё рассмотреть пример тестирования api сервисов, с axios.create инстансами.Думаю будет не долго и полезно

[@user-ix6ic3vp2r]

Привет Димычу и всем самураям. По видео. На мой взгляд изложение получилось "рваным" не упорядоченным. И в голове не сложилась детальная картинка. Хотя основная канва понятна. И это не смотря на то что я свой пагинатор уже написал сам. Я столкнулся с его необходимостью еще на этапе отображения страниц 55 урок. Я изучаю твои видосы и в 2022 году и у меня получилось более 3500 страниц по 10 юзеров!!! Сейчас уже более 4000!!! Лучше топи по прежнему. Так понятней. Если кому будет интересно то я реализовал свой пагинатор в виде массива который заполняется один раз, в самом начале, и состоит из элементов тоже массивов - всех чисел входящих в порцию (по терминологии Дмитрия) и все что мне нужно при навигации это выдернуть нужный массив и отобразить все входящие в него цифры и при этом нет необходимости вычислять начальную страницу порции и конечную. Ибо они уже есть.

[@MikhailKuklenkov]

Благодарю за труд, Дима. #reactJS #тестирование #практика #пример #уроки #курс П.с.: урок не зашел)) #reactJS #тестирование #практика #пример #уроки #курс