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

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR:

Front-end

Back-end

Данных на серверах МНОГО. И когда мы говорим серверной API-шке: дай песни, пользователей, транзакции, оплаты... Сервер как правило никогда не вернёт ВСЕ данные за раз. Он раздробит их на порции и ... Вернёт нам какую-то часть данных, называемую в народе СТРАНИЦА!

В этом выпуске мы познакомимся с вами с Pagination, постраничным выводм данных, пейджингом, пагинацией.. Всё синонимы! Полетели ;)

* Сайты:

* Мы в соц. сетях:

* Мои личные VK и Insta:

#class #reactjs #практика #примеры #уроки #курс

[romanpomin]

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

[happy_cutman]

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

[egorpobylets]

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

[yaroslav_dev]

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

[Ангелина-юцм]

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

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

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

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

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

[artihlec]

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

[alekseytyapkin]

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

[ФаильИшниязов]

"Главное, чтобы душа была чистая.Тогда и зубы будут чистые.Хотя не факт"😄 Обожаю эти моменты. Курс в целом бомба! Летим!🚀

[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 меняем:

// на

[filippnarayev]

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

[ultraza]

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

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

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

В общем, огромное спасибо и больших успехов тебе! Кто-то уже писал, повторю: половина первой моей зарплаты твоя)

[jyboer]

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

[This_Name_For_You]

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

[__maxsoul]

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

[bugaga]

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

[romanchub]

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

[StepanVorobiov]

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