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

  Рет қаралды 114,258

IT-KAMASUTRA

IT-KAMASUTRA

Күн бұрын

Пікірлер: 1 500
@romanpomin1967
@romanpomin1967 4 жыл бұрын
Это как же нужно любить свое дело, чтобы посреди ночи, когда семья спит, записывать часовое видео для бесплатного курса. Да ещё и с перезаписью 4 раза... Склоняюсь перед твоим упорством, Димыч! Если бы таких людей были ни единицы, мы бы жили в совершенно другом мире...
@happy_cutman
@happy_cutman 4 жыл бұрын
Сначала говорил тихо, чтобы не будить, а потом пошло поехало))
@ВсадникАпокалипсиса-я9е
@ВсадникАпокалипсиса-я9е 3 жыл бұрын
чтобы мамка не проснулась и не заругала
@ВсадникАпокалипсиса-я9е
@ВсадникАпокалипсиса-я9е 3 жыл бұрын
в конце уже молотил молотком по клаве и стене))
@yaroslav_dev
@yaroslav_dev 4 жыл бұрын
Нужно создать паблик "Цитаты Димыча". "Если у тебя чистая душа, то и зубы будут тоже чистыми. Хотя не факт - (с) Димыч"
@ПавелЛунин-ж3у
@ПавелЛунин-ж3у 4 жыл бұрын
Создал?
@ЕвгенийЧекердес
@ЕвгенийЧекердес 4 жыл бұрын
Еще одна: "Не стесняйтесь считать на пальцах, я всегда считаю на пальцах и никогда не ошибаюсь, точнее ошибаюсь но гораздо реже потому, что не стесняюсь считать на пальцах"
@gandalf-butStillNotWhite
@gandalf-butStillNotWhite 4 жыл бұрын
самая лучшая цитата, "у тебя бл#ть нету выходный, ты учишься!!"
@FerelUltra
@FerelUltra 4 жыл бұрын
Я вот реально смеюсь с этого) Димыч лучший
@Govorilki-News
@Govorilki-News Жыл бұрын
Спеиально нажал на паузу после этой фращы чтобы найти коммент на эту тему))
@Ангелина-ю5ц7м
@Ангелина-ю5ц7м Жыл бұрын
Спасибо огромное этому святому человеку - бесплатно с нами возится как с детьми и все разжевывает с большим энтузиазмом! Дмитрий! Спасибо! Эта лекция была самой сложной из 55 просмотренных. Для меня вот так. Все законспектировала. Сейчас попробую, не подглядывая, все сама порефакторить.
@egorpobylets6597
@egorpobylets6597 5 жыл бұрын
Спасибо огромное!!!!!! Не могу представить, как вот так можно отдаваться своему делу!!!Ещё раз спасибо!
@АндрейКомаров-т8х
@АндрейКомаров-т8х 6 ай бұрын
Ржу над ситуацией))) Один задолбаный чувак посреди ночи, после трудового дня пишет видео и пытается собрать и сформулировать мысли, другой задолбаный чувак посреди ночи, после трудового дня его смотрит и пытается осмыслить😀 Димычу - РЕСПЕКТ за урок! ...И мне РЕСПЕКТ за просмотр, лайк, коммент🤪
@SynPeleya
@SynPeleya 2 жыл бұрын
Карусель массива номеров страниц, можно сделать через 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
@batm1x 2 жыл бұрын
Актуальная тема, учитывая, сколько тысяч страниц сейчас)
@yurizhdanov
@yurizhdanov 2 жыл бұрын
спасибо, работает
@fesenkoas
@fesenkoas 2 жыл бұрын
спасибо тебе добрый человек
@ПолинаПолинина-ш8и
@ПолинаПолинина-ш8и 2 жыл бұрын
спасибо :)))
@ЕвгенийСазонов-щ7д
@ЕвгенийСазонов-щ7д 2 жыл бұрын
Спасибо, мил человек !🤝
@filippnarayev122
@filippnarayev122 3 ай бұрын
Ты правильно где то себя представил, ты не только учитель, ты и мотиватор! Даже таких хомячков как я мотивируешь дальше учиться
@ЕвгенийСазонов-щ7д
@ЕвгенийСазонов-щ7д 2 жыл бұрын
Было весело, когда 3 часа потратил на написание пагинации, все подчистил, подготовил к комиту. Вводишь последнюю команду в git, ожидая что там gitk --all& (графическое дерево комитов, удобно видеть где ты, и что делать дальше). А вместо этого вбиваешь git reset --hard main (сам же использовал ее для очистки до ближайшего комита). После этого лупал глазами на собственноручно удаленную работу за сегодня. Поискал в интернете, как отменить git reset --hard. Ничего не нашел. Поздравил себя с успехом. Сделал перерыв. Все написал заново. Процесс идет
@ФаильИшниязов
@ФаильИшниязов 2 жыл бұрын
"Главное,чтобы душа была чистая.Тогда и зубы будут чистые.Хотя не факт"😄 Обожаю эти моменты. Курс в целом бомба! Летим!🚀
@artihlec
@artihlec 4 жыл бұрын
50:45 Для тех кому трудно понять почему нужно передавать pageNumber в качестве части аргумента вызова axios.get() вместо this.props.currentPage. Дима слегка сумбурно это пояснил. В компоненту Users прилетят пропсы и значение this.props.currentPage cтанет зафиксированным примитивом (например число 2). В момент клика на номер странички запустится метод onPageChanged который установит новый номер текущей страницы в редакс стейте ( в BLL ) , но значение полученное this.props.currentPage на этот момент останется двойкой, магического апдейта не произойдёт. Поэтому кидаем динамическое значение из pageNumber в аякс запрос. Гхмм не уверен, что я объяснил вменяемо, но я чут-чуть постарался
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Спасибо за пояснение!!!
@alexbegus5866
@alexbegus5866 4 жыл бұрын
Вы пишите "магического апдейта не произойдёт" - можете объяснить почему не происходит , state ведь изменился
@Kulebyaka902
@Kulebyaka902 2 жыл бұрын
все равно не понятно )
@therescue1879
@therescue1879 2 жыл бұрын
Постараюсь добавить: За активную страницу в BLL отвечает currentPage которая вырисовывается при получении всех данных. Для того чтобы страница менялась при нажатии мы добавляем onClick которая по каждому нажатию на страницы будет заново отправлять запрос (а то он останется как и был с самого начала) и менять страницу...........208 страниц получилось (по 100 элементов на каждом).....ничего себе людей уже прошло
@theempire392
@theempire392 Жыл бұрын
я не знаю почему магического апдейта не происходит, потому что у меня он происходит.
@Alex-bo9wt
@Alex-bo9wt Жыл бұрын
"Главное, что бы душа была чистая. Тогда и зубы будут чистые. Хотя не факт" что в голове происходит в этот момент, какие же там мысли🤣🤣🤣🤣 шикарный урок по погинации даже в 2023
@ultraza3
@ultraza3 2 жыл бұрын
Большое спасибо за все старания!! Смотрю в 2022) надеюсь не я один такой) и страниц уже 3748
@Объективныйвзгляд-з5к
@Объективныйвзгляд-з5к 2 жыл бұрын
не один)
@JykosGol
@JykosGol 2 жыл бұрын
Уже больше, 4286 страниц)
@chkip1386
@chkip1386 2 жыл бұрын
уже 21688=(
@Илья-ж2г5ш
@Илья-ж2г5ш 2 жыл бұрын
@@chkip1386 это если по одному выводить, а вот если по 5, то 4353 сейчас
@mansiayer848
@mansiayer848 2 жыл бұрын
21.11.2022 4360 страниц
@This_Name_For_You
@This_Name_For_You 4 ай бұрын
Спасибо огромное,вижу как ты стараешься. Летим дальше!
@alekseytyapkin5197
@alekseytyapkin5197 5 жыл бұрын
То чувство, когда досмотрел видео, а на твоих часах точно такое же время - 2:30)) Спасибо за уроки!
@АндрійДанилюк-с8э
@АндрійДанилюк-с8э 3 жыл бұрын
1:45
@Stiletto78
@Stiletto78 4 жыл бұрын
Блин, до 2:30... и на работу еще нужно было вставать, причем не завтра, как ты сказал, а эт уже сегодня получается. Спасибо огроменное за подробное объяснение!!! Будешь в Берлине - пиши, с меня кофе и экскурсия по городу ))))
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
спасибо)))
@jyboer6001
@jyboer6001 5 жыл бұрын
Благодарен от души за разжевывание до мелочей. React Redux!!!
@StepanVorobiov
@StepanVorobiov 4 жыл бұрын
К концу этого видоса сложилось понимание "ВСЕГО", замудрено конечно всё с этими диспатчами, редаксами, экшенкреэйтарами, редюсерами и прочей требухой, но теперь как то становиться понятен этот круговорот. Надо на него ещё понасматреться неделю чтоб он стал как родной и будет шик. И с этого видоса я понял что незря этот курс смотрю! Долгий конечно, много воды и прочее (хотя может и вода не вода!), но тут теперь пошло какое то глобальное знание, остальные курсы быстренькие, методы показали и всё, а тут более осознание приходит как это всё должно работать. Так что СПАСИБО большое за видео! Надеюсь ещё в будущем до меня допрёт необходимость Реакта, потому что пока мне это кажется какойто тюнингованной малолитражкой с урезаными методами работы с домом. Пока я как понял, что плюс Реакта в скорости, какие ещё плюсы будем смотреть. Пока мне кажется что и Ванилью можно накидать офигенно, не хуже чем Реактом. Бомбим дальше... !СПАСИБО!
@Asmodian444
@Asmodian444 5 жыл бұрын
Спасибо за труд) React JS, Redux, Ajax, Axios
@dechto1
@dechto1 3 жыл бұрын
Ааааа. Я не верил что у самого получится но мне удалось запилить сюда функцию которая изменяет мой массив pages в зависимости от нашей активной страницы. И выводит всего 20 страничек на экран, 10 слева от и 10 справа от той где мы находимся! Аж крылья выросли)))) Димыч реально учит кодить
@bugaga8144
@bugaga8144 3 жыл бұрын
Как мне нравятся вот эти повторения, постоянные проговаривания, что от куда берется, через что прокидывается, куда и как диспатчится. Очень хорошо все запоминается, усваивается
@clientmvideo150
@clientmvideo150 4 жыл бұрын
СУПЕР КУРС!React.js Redux react-redux connect axios props pagination js
@romanchub1954
@romanchub1954 2 жыл бұрын
Огромное спасибо за твою работу! Сам занимаюсь по ночам, сейчас почти 2 ночи. Понимаю как это не просто, особенно после трудового дня. Но желание что-то изменить не дает пойти спать, уже и не обращаешь внимание на силы. Просто делаешь на вдохновении. Желаю всем вдохновения на этом не простом пути, а тебе, Димыч - большая благодарность! Удачи тебе и успехов в твоем дальнейшем развитии 👍
@seovrag
@seovrag Жыл бұрын
Ну как устроился ?
@ЮрийСелезнёв-п2ж
@ЮрийСелезнёв-п2ж 3 жыл бұрын
Самые лучшие видосы на всем KZbin. React,Redux,Pagination,Ajax
@ДенКондрашов-я6х
@ДенКондрашов-я6х 3 жыл бұрын
Годнота и уважение - мои эмоции после просмотра видео. Годнота - за подачу материала, уважение - за твое отношение к данным урокам; записывать урок 2:30 ночи, когда завтра на работу, это сильно) В общем, огромное спасибо и больших успехов тебе! Кто-то уже писал, повторю: половина первой моей зарплаты твоя)
@crypto4elik
@crypto4elik Жыл бұрын
дааа, жестко! я пересмотрел 4 раза прежде, чем понял и усвоил сделанное.
@__maxsoul643
@__maxsoul643 5 жыл бұрын
Главное не забывать, откуда в контейнерные компоненты приходят dispatch и state. И как вообще Димыч к этому подводил. Большая ценность в том, что удалось немного "заглянуть под капот" и увидеть как это все работает без react-redux, что оно все не по щучьему велению появляется) Нужно постоянно освежать данную инфу в памяти. Спасибо еще раз. Курс - супер)
@cththes9340
@cththes9340 3 жыл бұрын
Недели две не мог разобраться, постоянно что-то путалось, отваливалось и забывалось. Сегодня наконец-то закончил этот урок, двигаюсь дальше. Димычу респект!
@kirilotur2208
@kirilotur2208 4 жыл бұрын
Я знаю почему это лучшие курсы по React, Redax - потому что Димыч горит и полон энергии, и заряжает нас ею. Приятно видеть человека который радеет за свое дело. Да и дело максимально полезное для общества!
@yaknyaz13
@yaknyaz13 2 жыл бұрын
Парень, тебя в лигу святых надо записывать за такой труд. Без этих уроков врятли бы въехал в react / redux в течение год, а тут за неделю многое понятно уже. осталось не забыть и без подглядываний научиться.
@МихаилБелоусов-р6й
@МихаилБелоусов-р6й 4 жыл бұрын
Чтобы у вас на странице не выводилось по 100500 страниц, просто сделайте условие в цикле. К примеру: if (pages.length < 10) { pages.push(i); } Спасибо, Димыч! Отличное видео.
@Mitya-b4p
@Mitya-b4p 2 жыл бұрын
можно еще дополнить математическую операцию c pages например разделить на 100
@komrad124
@komrad124 2 жыл бұрын
​@@Mitya-b4p Да тут каждый извращается так, как он хочет, я написал костыли на if else и у меня показывает 3 страницы текущую, предыдущую и следующую ну и разумеется условия для граничных значений, если текущая равна общему числу страниц, то я не получу следующую, а взамен ее еще страничку -2 от текущей, так же и с первой +1 и +2 от текущей
@johnmj750
@johnmj750 2 жыл бұрын
Тоже сделал отображение по три странички через if else💪🏻
@wakibtz7134
@wakibtz7134 2 жыл бұрын
@@johnmj750 можно код пж?
@johnmj750
@johnmj750 2 жыл бұрын
@@wakibtz7134 pages.length = 3 if (props.currentPage === 1) { pages[1] = props.currentPage + 1 pages[2] = props.currentPage + 2 } else if (props.currentPage >= 2) { pages[0] = props.currentPage - 1 pages[1] = props.currentPage pages[2] = props.currentPage + 1 } else if (props.currentPage === pages.length) { pages[0] = props.currentPage - 2 pages[1] = props.currentPage - 1 pages[2] = props.currentPage }
@slaviknskforlol
@slaviknskforlol 4 жыл бұрын
Димыч, словами не передать, как приятно смотреть твой курс, спасибо! Тороплюсь догнать лайв выпуски на TS
@yurikorabel5435
@yurikorabel5435 3 жыл бұрын
ну что за КРАСОТА происходит на этом канале!!!! React под руководством Димыча по сложности превращается в арифметику 3-его класса.
@alexanderbratskov9281
@alexanderbratskov9281 5 жыл бұрын
Спасибо огромное, как всегда со всеми объяснениями!!! Всё по полочкам React JS, Redux, Ajax, Axios, pagination!!
@okyskaa
@okyskaa 5 жыл бұрын
pagination дается с трудом. Срывался несколько раз, начинал смотреть все видео сначала. Очень крутое объяснение в этом видео, когда прослушаешь несколько раз, начинают доходить вещи, которые не существовали в моей картине мира. Становится понятнее и проще. Спасибо за эти объяснения. Конечно нужно все повторять. Все выветривает из башки очень быстро. Но ощущение что это не так сложно осталось. И какая схема в голове сложилась. Спасибо!!!!
@miroslavtoikin
@miroslavtoikin 4 жыл бұрын
Огромная благодарность, Димыч, колоссальный труд! React Redux Pagination К моменту моего просмотра уже 205 страниц при выводе по 10, надо как то решать эту проблему)
@someChicoRy
@someChicoRy Жыл бұрын
Очень круто слушать заряженного энергией человека. Самое главное, что эти все бессонные ночи не были зря и окупились для Димыча и теперь он ,довольно таки ,раскрученный чувак в данной сфере)
@dmitrygrishin8071
@dmitrygrishin8071 5 жыл бұрын
то чувство, когда в воскресенье, в 23 часа вместо видео с котиками выбрал видео с Димычем, и тебя в этом видео еще и похвалили за твой выбор)
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Правильный выбор, бро!
@derrylsshowhh3249
@derrylsshowhh3249 2 жыл бұрын
Очень полезный ролик!И вот хочу отметить,что только сейчас я более менее начал вникать в всю эту движуху)
@theWorldIsMultivariate
@theWorldIsMultivariate 2 жыл бұрын
Доброго времени суток. Данные пользователей меняются? У меня почему то нет, либо 100 последних пользователей, либо десять последних. Не пойму, почему не происходит постраничный вывод=(
@derrylsshowhh3249
@derrylsshowhh3249 2 жыл бұрын
@@theWorldIsMultivariate Ну да,у меня все нормально функционирует
@derrylsshowhh3249
@derrylsshowhh3249 2 жыл бұрын
@@theWorldIsMultivariate проблема была с передачей в пропсы на 56 уроке,но сегодня решил проблему
@denkodatskyi3381
@denkodatskyi3381 5 жыл бұрын
КРАСАВА!!!! Самые лучшие уроки по React & Redux!
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Спасибо 🙏
@vladyslavkravchenko5955
@vladyslavkravchenko5955 2 жыл бұрын
14:59 улыбнуло =) Димыч спасибо за крутые объяснения!!)
@mariyaschulezhko550
@mariyaschulezhko550 Жыл бұрын
Найкращий 👑 Дякую за такі круті уроки🙌
@ЛусінеАтаджанян
@ЛусінеАтаджанян 3 жыл бұрын
Pagination, постраничный вывод данных, пейджинг, пагинация, запросы на сервер. Димыч, ты просто красавчик. Курс по React. React.JS
@icbmr7361
@icbmr7361 4 жыл бұрын
18:54 "Ю, типа, а это Б" 😂 Дима, спасибо, максимально наглядно))👍
@mikss
@mikss 4 жыл бұрын
кто бы мог подумать , но я получаю удовольствие от этой камасутры!)
@ВикторКулагин-ь2у
@ВикторКулагин-ь2у 4 жыл бұрын
Как всегда круто. Это хорошо, что мы часто работаем с BLL, таким образом мы его помнить будем всегда. ньютабельность это хорошо.
@alexandera7398
@alexandera7398 2 жыл бұрын
Прохожу курс в октябре 22 года, на сегодняшний день на сервере 21000 пользователей : )
@ПавелБещук
@ПавелБещук 5 жыл бұрын
Теперь количество страниц более 150, выходит просто чудовищно!:) Димыч спасибо, запоздало, спустя пол года:)
@Alex4ever01
@Alex4ever01 4 жыл бұрын
уже более 3000 пользователей ... o.O
@trusigmacom
@trusigmacom 4 жыл бұрын
totalCount: 3450
@Alex4ever01
@Alex4ever01 4 жыл бұрын
В общем и я решил эту проблемку, с / 100 , и в место 700 , только 7 страничек )
@MellRokk
@MellRokk 4 жыл бұрын
4247 - страничек аццкое кол-во) Надо бы доделать пагинацию под такой случай!!!
@zakharyankaren
@zakharyankaren 4 жыл бұрын
6000+ O_O
@dimalobotskiy1611
@dimalobotskiy1611 4 жыл бұрын
Дуже потужний курс!!Велике дякую!!!
@pressfrigus
@pressfrigus 2 жыл бұрын
поставил видос на паузу и реализовал переключения между страничками, радостей полные штаны) Пока меня бомбят грады, я бомблю реакт)0) (привет из Украины). Огромное спасибо, Дима, что дал такую возможность отвлечься в трудные времени и извлечь из этого пользу.
@alexgame7467
@alexgame7467 2 жыл бұрын
а ты заплатил за api?
@kedrolit1521
@kedrolit1521 4 жыл бұрын
Дизлайки от жены и соседей? Спасибо за урок! В процессе просмотра уже переживал когда видел остановки видео. Вот у тебя мотивация! На сегодня уже 5800+ пользователей. Когда вывел по 10 пользователей увидел только цифры! Надо найти как сделать точечки 123...
@akionka
@akionka 5 жыл бұрын
У Димыча на обоях логотипы Java xD.
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Ахахах))
@Alexander-ns9yv
@Alexander-ns9yv 5 жыл бұрын
У Димыча еще советского ковра не хватает на заднем фоне)
@vladislavmiroshnichenko967
@vladislavmiroshnichenko967 4 жыл бұрын
Приятель это coffe script)) Синтаксический сахар.
@KGMelis
@KGMelis 4 жыл бұрын
на кухне
@ringnull
@ringnull 4 жыл бұрын
Я тоже хотел отметить, что он тайный фанат Java )))
@volodymyrsus
@volodymyrsus 3 жыл бұрын
Thanks! The best lessons of React & Redux!!! React , Redux, State, Store, Dispatch ,Connect, Action, Route, Reducer, Props, Pagination
@dmitriymelnik7960
@dmitriymelnik7960 3 жыл бұрын
Тот самый момент когда у Димыча на видео 11 страниц, а у тебя в 21-ом году 2150 страниц )))))
@botanik-lena
@botanik-lena 3 жыл бұрын
аааа, та же фигня)))) по-началу даже испугалась)))
@maximshamota3932
@maximshamota3932 3 жыл бұрын
уже 2340 )))
@ЕленаБелая-ь9т
@ЕленаБелая-ь9т 3 жыл бұрын
28.04.2021 : 2362 страницы по 5 пользователей.
@baslim21
@baslim21 3 жыл бұрын
2404 pages already!!! :)
@ПавелГерасимчук-з3ь
@ПавелГерасимчук-з3ь 3 жыл бұрын
2407!!!!
@АрсенОсипов-ж6щ
@АрсенОсипов-ж6щ 2 жыл бұрын
React Redux Практика JavaScript курс React разметка Спасибо за урок :)
@efremandre
@efremandre Жыл бұрын
не ну годнота, понял что компонента умнее меня, несмотря на то что тупая... пошел дальше
@pashabezk
@pashabezk 2 жыл бұрын
2022. Спасибо большое! Невероятно интересно смотреть и повторять, разбираться, добавлять что-то своё!
@МишаКальмар-м1к
@МишаКальмар-м1к 3 жыл бұрын
Лайк за пол литровую банку с чаем!)
@kuko932
@kuko932 3 жыл бұрын
меня переполняет от эмоций как же это все круто. надо сделать паузу, а то лопну от восторга.
@sergiystadnyk6315
@sergiystadnyk6315 5 жыл бұрын
Димыч, видос react.js pagination супер, но поберегите себя, не пишите видосы так поздно, лучше нормально высыпайтесь))
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Спасибо, Сергей! На том свете высплюсь лет через 70:)
@ВанькаЕремченко
@ВанькаЕремченко 5 жыл бұрын
Куда высыпаться надо?))
@БорисЦ-ю8ы
@БорисЦ-ю8ы 5 жыл бұрын
@@ITKAMASUTRA не факт, что на том свете отдыхают )
@СтаниславСеменов-щ1п
@СтаниславСеменов-щ1п 3 жыл бұрын
@@ITKAMASUTRA так конец света через 50 лет и ВСЕМ кердык! ;)
@alexeykorovatsky3053
@alexeykorovatsky3053 3 жыл бұрын
Красава. Если с прошлых видео не понял ничего про экшены и диспатчи, да и в целом как работает редакс, то этот видос расставляет все по полочком. Димыч, круто, что ты постоянно повторяешь уже пройденный ранее материал. С таким подходом хорошо усваивается.
@indigosay
@indigosay 4 жыл бұрын
Внесу горсть опыта. Если пишем так className={this.props.currentPage === p && cl.activeBtn} , то будет показываться ошибка index.js:1 Warning: Received `false` for a non-boolean attribute `className`. If you want to write it to the DOM, pass a string instead: className="false" or className={value.toString()}. Поэтому надо писать this.props.currentPage === p ? cl.activeBtn : ''
@КристианМкртчян
@КристианМкртчян 3 жыл бұрын
лучше всего использовать classnames
@indigosay
@indigosay 3 жыл бұрын
@@КристианМкртчянугу. Но я styled components использую
@anatolyshilyaev
@anatolyshilyaev Жыл бұрын
Дмитрий - человечище! Сам я за один вечер не осилил посмотреть, а он записать умудрился!)
@mariia6820
@mariia6820 5 жыл бұрын
Дай Бог здоровья тебе всей твоей семье!! Димыч,ты осуществляешь мечты людей!!
@vitaliyyasinskiy3689
@vitaliyyasinskiy3689 4 жыл бұрын
Димыч в начале видео: потрачу 40 минут, запишу ролик и пойду спать. Ролик: 1 час 2 минуты 35 секунд Самурайчики, пересматривая ролик 3 раз: ну да ну да, пошел я нафиг
@fayu7752
@fayu7752 4 жыл бұрын
Круто, наконец сделал этот урок как надо не подсматривая. P.s. учитывая что на данный момент на api уже более 3000 юзверов, советую тем кто сейчас проходит курс вставить следующие стили для pagination span - word-wrap: normal; display: inline-block;
@anthem_xlii
@anthem_xlii 5 жыл бұрын
перед сном главу документашки читнуть прям святое, лучшее снотворное!)
@sergeyshved1058
@sergeyshved1058 4 жыл бұрын
"totalCount": 7246, летим дальше
@fenrir4366
@fenrir4366 4 жыл бұрын
пришлось условием резать до 30, чтобы не выходило за рамки обзора :/ костыли наше все
@alexroman3120
@alexroman3120 4 жыл бұрын
8195 :DDD
@МаксимДраганов-е8м
@МаксимДраганов-е8м 4 жыл бұрын
@@fenrir4366 this.props.userBase //.slice(0, showItem) =>to show only some elements ? this.props.userBase.slice(0, 10).map((user, index) => (user ?
@ДамирСалихов-ф4е
@ДамирСалихов-ф4е 4 жыл бұрын
8499
@katonwd0905
@katonwd0905 4 жыл бұрын
"totalCount": 8586
@tigranovakyan2783
@tigranovakyan2783 3 жыл бұрын
2021г. в конце какая то матрица вылезла из цифр, потом дошло что это 2580 страниц )) Спасибо за уроки !!!! офигенно!!!
@HeavyHeavyvich
@HeavyHeavyvich 5 жыл бұрын
Димыч,сделай потом еще курс по Git. Ну или как там концепция называется.. git flow что ли. Как ветки переключать,какая структура должна быть репозитория,и тд.. А то ведь при трудоустройстве очень важно разбираться в этом
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Не важно! Этим заниматься будут Лиды, они скажут, что куда коммитить! Важнее научиться писать код! Не распыляйтесь))
@andreiBylkin
@andreiBylkin 3 жыл бұрын
по гиту уже были уроки в начале данного курса и довольно хорошие
@giorgigvishiani2230
@giorgigvishiani2230 4 жыл бұрын
Лучший IT канал, лучший курс по React, Redux, React-Redux
@HeavyHeavyvich
@HeavyHeavyvich 5 жыл бұрын
ESlint :)) мне тут товарищ в вебпаке eslint по хардкору прикрутил. Все варнинги,вообще все включено. Говорит:"лучше сейчас мучайся,чем потом тебе по рукам бить будут".
@sergeyistominov5880
@sergeyistominov5880 2 жыл бұрын
За 2 часа ночи отдельный респект! Ну и плюсик для лучшего ранжирования в react-комьюнити =)
@ЛюбовьЛенская-и3ц
@ЛюбовьЛенская-и3ц 2 жыл бұрын
Первый сложный урок для меня, но очень интересно Шагаем дальше Спасибо, Димыч !!!
@MikhailKuklenkov
@MikhailKuklenkov Жыл бұрын
Жирнющий лайкос, Дима. Свят-свят, больше 4500+ юзеров, аж страница иногда сбоит)
@Rapterlol
@Rapterlol 5 жыл бұрын
Дим, а когда уже наших знаний(если смотреть строго по твоему курсу) будет достаточно, чтобы пытаться устроится на работу и идти на собесы?
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
100 выпусков!!! И гоните ✊
@АнтонДжос
@АнтонДжос 4 жыл бұрын
@@ITKAMASUTRA я рискнул и пошёл после 50 урока, по-моему не удовлетворительно)
@Григорий-в2к
@Григорий-в2к 4 жыл бұрын
@@ITKAMASUTRA а если работодатель знание TypeScipt потребует?
@ИльяИваник-ф8ф
@ИльяИваник-ф8ф 4 жыл бұрын
@@Григорий-в2к kzbin.info/www/bejne/haeviIqsn9ScbtU
@artempavlenko5147
@artempavlenko5147 4 жыл бұрын
@@Григорий-в2к блин, TypeScropt просто мего-супер классная вещь. С ним намного интереснее и проще ловить баги. подучи TypeScript . тот же JS, ну почти. Cначало ты будешь зол на него, но потом полюбишь
@КамильКаландаров-и5к
@КамильКаландаров-и5к Жыл бұрын
Блин как же круто писать ко и понимать, что пишешь, большое тебе спасибо, Дмамыч )
@WalterWhite-ck5rz
@WalterWhite-ck5rz 3 жыл бұрын
Для тех у кого несколько тысяч страниц)) Конечно можно вынести в отдельные переменные и красивее сделать, но вот так понятнее. for (let i=Math.max(this.props.currentPage - 5, 1); i
@davmovsesyan7726
@davmovsesyan7726 4 жыл бұрын
сначала думаешь, что час это много, но Дима, спасибо вам, что объясняешь на пальцах, ибо у начинающих пробелы везде))) контент и что в любовью это записываешь, это приятно смотреть и учиться! еще раз спасибо!))
@ГеннадийПетров-ж4ы
@ГеннадийПетров-ж4ы 5 жыл бұрын
Димыч, пусть тебе карма вернет все то добро!!) React JS, Redux, Ajax, Axios можно понять)
@ЕкатеринаТимофеева-к7й
@ЕкатеринаТимофеева-к7й 4 жыл бұрын
Спасибо за твою самоотдачу! Смотря уроки видеокурса каждый раз удивляюсь сколько же в них энергетики и мотивации!) Они меня вдохновляют идти дальше)) Когда меня начинает одолевать лень, то я ставлю тебя себе в пример и сажусь за комп, ахахаах) Спасибо тебе!!!
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Катя, рад стараться! Мчи вперёд! Ты уже на 55 уроке, молодец
@ВладимирАнтонович-п9д
@ВладимирАнтонович-п9д 4 жыл бұрын
На текущий момент, 10.03.2020, "totalCount": 2336 Идем дальше !!!
@mikesmirnov1976
@mikesmirnov1976 4 жыл бұрын
@@MichaelCurze 2986
@arlenm1472
@arlenm1472 4 жыл бұрын
@@mikesmirnov1976 3033
@arlenm1472
@arlenm1472 4 жыл бұрын
Да и после 50 обьекта все пустое идет
@VSsoviet
@VSsoviet 4 жыл бұрын
@@arlenm1472 3653
@ЮрийМясников-н5щ
@ЮрийМясников-н5щ 4 жыл бұрын
@@VSsoviet 4149
@MrVagula
@MrVagula 3 жыл бұрын
Димыч, спасибо за урок, все круто. Изучил подробно и законспектировал подробно каждый шаг, у меня уже ночь на дворе, пересплю со всей информацией и буду писать код Ключевые слова: pagination, постраничный вывод пользователей, dispatch, reducers, componentDidMount, methods, page, count
@aightstudyvibe6499
@aightstudyvibe6499 3 жыл бұрын
Пиши под каждым уроком, я буду догонять тебя, чтоб азарт был хоть какой ))
@MrVagula
@MrVagula 3 жыл бұрын
@@aightstudyvibe6499 я не так быстро иду, как хотелось бы, т.к. параллельно ещё учу английский, ну и работа, куда без неё 😅сейчас сижу конспектируйю 57 урок. Стараюсь законспектировать подробно каждый урок, но я делаю это в ворде, со скриншотами, в общем по красоте. Давай попробуем, обгонишь, свисти.
@aightstudyvibe6499
@aightstudyvibe6499 3 жыл бұрын
@@MrVagula ок, я учту, когда начал учить react?
@aightstudyvibe6499
@aightstudyvibe6499 3 жыл бұрын
я уже на 56, но я почти не конспектирую) Только самое важное
@MrVagula
@MrVagula 3 жыл бұрын
@@aightstudyvibe6499 вообще с сентября, до ноября посидел, повникал, потом уехал в Турцию отдыхать на месяц, потом в Москву, потом Новый год. Плотно сел прям с 11-но февраля.
@popdastackbruh2515
@popdastackbruh2515 4 жыл бұрын
мозг бобо реакт постраничный вывод редакс редюсер pagination
@theWorldIsMultivariate
@theWorldIsMultivariate 2 жыл бұрын
Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!
@user-san-chous
@user-san-chous 4 жыл бұрын
А я то ищу, откуда у меня тысячи пользователей, когда в уроке получилось 54... Потом уже глянул на тотал.
@andreiBylkin
@andreiBylkin 3 жыл бұрын
я тоже минут 20 ошибку в коде искал )))
@MellRokk
@MellRokk 4 жыл бұрын
Жирный коммент в поддержку курса Димыча. React, Redux, Pagination. Летим - бомбим! Спасибо.
@СергейСомов-м8ы
@СергейСомов-м8ы 2 жыл бұрын
я рекордно ничего не понимаю. на сложные вещи уделяется столько же времени, как на простые больше всего бесят чуваки, которые что-то поняли и ещё умничают. что они вообще тут забыли, задроты
@dreizer1834
@dreizer1834 2 жыл бұрын
просто у кого-то склад ума другой и им легче это воспринимать, а не задроты
@vseslavr
@vseslavr 4 жыл бұрын
Димыч, ну ты и мутант! 2 часа ночи, а ты записываешь уроки! Огромное тебе спасибо конечно же, но все же, отдыхать тоже нужно =)
@КириллЛарисов
@КириллЛарисов 2 жыл бұрын
Неімовірний Дімич!!! Величезний палиц до гори тобі за такий труд !! Це pagination in da house у 2 години ночі)
@Lastiqe
@Lastiqe 4 жыл бұрын
Димыч, я был с тобой солидарен и досматривал до половины шестого утра) Бомбим-летим
@АртемКулинский-ю4о
@АртемКулинский-ю4о 3 жыл бұрын
Великолепные уроки! Дмитрий лучший! Очень понятное объяснение! В пол 3 записывать с 4 раза часовой видос- ООГОООНЬ!!!!
@artempavlenko5147
@artempavlenko5147 4 жыл бұрын
Прохожу путь самурая 1.0 во второй раз и каким же простым теперь кажется )) но помню как страдал в первый раз и много чего не было понятно вначале. Когда поднимаешься на ступень выше, то столько становится понятным и даже очевидным .
@disposables72
@disposables72 4 жыл бұрын
Смотрю, и параллельно адресную строку этого ролика разбиваю на составные части. Теперь становится понятна эта абракадабра. Посмотрел ролик дважды. Думаю, надо еще разок. Не всё еще отложилось в голове. React Redux Pagination
@ludabur
@ludabur 3 жыл бұрын
00:32 как сериал, оторваться невозможно))) силой воли отправляю себя спать) Спасибище огромное!!!
@krlkonstantine9726
@krlkonstantine9726 2 жыл бұрын
Димыч, я не знаю более трудолюбивого человека. Спасибо большое, очень мотивируешь
@aswonder5569
@aswonder5569 4 жыл бұрын
У тебя редкий талант настоящего преподавателя, который умеет разжёвывать всё до мелочей. Я почти пенсионер, и React вряд ли когда-то мне по жизни пригодится, но смотрю и конспектирую твои лекции с удовольствием.
@eugenmaslov1742
@eugenmaslov1742 4 жыл бұрын
Подача отлична. Про pagination доходчиво!
@ДмитрийКибешев
@ДмитрийКибешев 3 жыл бұрын
React JS практика - pagination, постраничный вывод пользователей Спасибо, Димыч! Смотрю, учусь!
@ervinabliamitov2149
@ervinabliamitov2149 4 жыл бұрын
Димыч, ты красавчик! Ты в своем проекте умудряешься помочь другим людям, заработать, кормить свою семью своим стртапом. Я уже для себя понял, что ебёт всех тот кем движет идея. Глядя на тебя, я вижу что ты не искал быстрых денег, но в перспективе ты сделаешь тех, кто гонится за кэшем, как тот же я (по семейным обстоятельствам).
She wanted to set me up #shorts by Tsuriki Show
0:56
Tsuriki Show
Рет қаралды 8 МЛН
Какой я клей? | CLEX #shorts
0:59
CLEX
Рет қаралды 1,9 МЛН
69 - React JS - High Order Component (hoc)
28:35
IT-KAMASUTRA
Рет қаралды 68 М.
59 - React JS - profile page, ajax, api
43:24
IT-KAMASUTRA
Рет қаралды 84 М.
58 - React JS - mapDispatchToProps лайф-хак
18:23
IT-KAMASUTRA
Рет қаралды 48 М.
Клиент Apollo GraphQL для React-приложений
44:11
Михаил Непомнящий
Рет қаралды 30 М.
Как сделать пагинацию на React.js ?  [React Pagination]
20:01
Давай Попробуем: JavaScript
Рет қаралды 36 М.
#18 Сравниваем 6 способов работы со стилями - ReactJS Полный курс
24:14
64 - React JS - практика, button disabled (follow\unfollow)
23:42
Реакт продвинутый (Тёма Сенюков)
2:53:06
Young&&Yandex: фронтенд-разработка
Рет қаралды 35 М.