56 - React JS практика - Презентационная и Контейнерная компоненты

[@КюршадАлиев-о7щ]

с каждым днем чувствую себя немного умнее чем компонента) Спасибо за ролики! Уже почти 2024, но всё еще актуально

[@bitcoin-]

Я скоро сам стану компонентой

[@ГенаФес-ъ9з]

Главное, чтобы не тупой

[@lemuriecnoname]

@@ГенаФес-ъ9з 🤣🤣🤣

[@andreiBylkin]

презентационной? )

[@SergeiK-m4e]

5:42 будь здоров

[@ITKAMASUTRA]

:)) спасибо, Серёга)

[@fazatranz]

этот курс войдет в историю, я уверена))) react js redux

[@u_shaco]

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

[@overshadow007]

@@u_shaco Димыч же объясняет архитектурные вещи, не будет ремейка а если и будет то пару уроков об API. и всё. Если это поймёшь то новое API Освоить как 2 пальца об асфальт

[@kurtel-ks3fx]

@@u_shaco Почти 5 лет прошло, пока всё так же, за исключением мелких каких-то вещей

[@MoLiBDeN92]

Каждый раз когда ты говоришь "ставьте лайк и подписка" - я ставлю лайк и жалею что не могу подписаться снова

[@ITKAMASUTRA]

Спасибо!!!✊

[@Султан-р2о]

а я отписываюсь и подписываюсь снова

[@ArturZalewski]

@@Султан-р2о Всё по FLUX-у ))

[@Eugene-j7h]

Абсолютно всё по FLUX-шую

[@infinity-space-between-peoples]

Обои на кухне просто отпад))) у меня тоже такие там были! Классный курс записал, Молодец!!!

[@PavelChupryna]

Дааа, курс вошел в историю многих, кто не сдался, и прошел собес. И в мою вошел 100%!

[@Napol3691]

После чиха Димыча на автомате сказал - будь здоров))). Отличный урок, отличная подача

[@дэнгарма]

Уже 56 выпуск,отчет: все круто и с каждым выпуском все интереснее.Димычу большое спасибо и огромные респект.Середина 2к24 ,летим!

[@АринаЯстребова-т7ф]

2022 год - 3800 страниц. А курс все еще актуален, спасибо автору за такой фундаментальный труд!

[@annakondrateva1233]

конец 2022 - "totalCount": 22173

[@arteminsight]

@@annakondrateva1233 февраль 2023 - 23к+ )

[@TajZver]

@@annakondrateva1233 Aprel 2023 - totalCount 23632

[@Мария-ц8ъ2е]

@@TajZver 24240

[@n0escape]

@@Мария-ц8ъ2е August 2023 - totalCount 24702

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

Ctrl+Alt+O - удалить ненужный импорт Про переименование js jsx, после этого нужно перезапустить npm start, тогда работает. Программа, функция, процедура, компонента. Мужик должен быть один и это класс. Проблемка была. При перерисовке страницы, при вызове коллбэком из Users.js функции onPageChanged(pageNumber) { this.props.setCurrentPage(pageNumber); ... this принимал значение, которое изначально, при первой прорисовке страницы было у props props естественно были не определены и возникала ошибка Я бился честно три часа, так и не понял в чем дело. Потом в render() { return

[@Fl0ydRose]

спасибо за подсказку,и за сэкономленное многим людям время =)

[@ITime_shorts]

@@Fl0ydRose Советую использовать стрелочные функции и забыть о таком ужасе как "bind"

[@qwerty12377789]

Да, у меня тоже такая беда была. Реально помог не bind а стрелочная функция; Оставлю здесь для потомков: Вместо onPageChanged = {this.onPageChanged} нужно написать onPageChanged.= {() => {this.onPageChanged}} Но это было где то в 54 или 55 уроке. В этом уроке у меня стал теряться контекст (this.props) при переключении между страницами (при вызове метода, который по номеру страницы лезет на сервер и берет данные). Оказалось опять проблема в потере контекста, и тут уже .bind(this) не помогал. В итоге решил все вот так: Вместо getNewDataFromServer(pageNumber) написал getNewDataFromServer = (pageNumber) => {} и все заработало

[@АндрейВерещагин-т1ю]

Будь здоров, Димыч! Спасибо за все!!!! Ты делаешь очень благое дело!!!

[@АлександрКлименко-д8с]

Даёшь 5 обёрток!!!!!

[@volodymyrsus]

Thanks! The best lessons of React & Redux!!! Presentation vs container components, React , Redux, State, Store, Dispatch ,Connect, Action, Route, Provider, Reducer, mapStateToProps, mapDispatchToProps, {...state}, Props

[@erlanabdraimov3432]

Уже утро следующего вечера хахах спасибо

[@vallevanovvv]

Пауза, лайк, не отходя от кассы) Чтоб о курсе по реакту от Димыча узнал весь мир!)

[@Kulebyaka902]

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

[@אסתרבובר]

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

[@mariapaderina5992]

Учусь по твоим видео находясь в Silicon Valley , здесь такие ребята как ты нарасхват ! Спасибо за курс !!

[@ITKAMASUTRA]

t.me/reactjs_samurai А вот здесь вы можете между собой общаться и помогать друг другу: я буду тоже иногда вам подсказывать что-нибудь!!!

[@mylife-myart4916]

"Sorry, this user doesn't seem to exist" =( пишет телеграм

[@yourbadapple]

не работает

[@ВадимРужах]

Спасибо огромное за уроки! Хоть у меня в прошлом уроке , браузер видит get запрос таким: Request URL: social-network.samuraijs.com/api/1.0/users?page=${pageNumber)&count=${this.props.pageSize}} Вместо переданных цифр он видит pageNumber и this.props.pageSize. Поэтому отображаются 10 юзеров по умолчанию сервера ... Но если в get запросе , эти параметры заменить цифрами, то все ок.... Никак не пойму почему так. Но пока решил идти дальше по курсу , возможно дальше исправлю..

[@realtalk3736]

@@ВадимРужах Не те кавычки... поменяй с обычных ' или " на `

[@ВадимРужах]

@@realtalk3736 Огромное спасибище !!! )

[@vansisto]

Из 2020-го шутка про корону, в начале, уже воспринимается как-то по-другому :)

[@artempavlenko5147]

Андрій Омельчук 😂😂

[@_hitotsu6948]

))

[@МарияВасиленко-я5к]

Спасибо, всё понятно. Для тех, кто кодит в vs code и кому не охота спускаться ниже в коменты, оставлю послание: не забудьте проверять импорты. В шторме они меняются автоматически, а в vscode - нет. Топаем дальше))

[@iharberasneu2905]

Плагин auto import нужно ставить, Димыч про него в начале курса рассказывал и показывал

[@МарияВасиленко-я5к]

@@iharberasneu2905 он у меня стоял, как потом выяснилось, просто работал через раз

[@pie_company]

выходи за меня

[@project_kill4real266]

Крч, у кого ошибка про внутренности метода onPageChanged, прикол в том, что он теряет this, т.к. this внутри него теперь уже не наша классовая компонента в которой он прописан, а теперь это что то из функциональной компоненты, в которой он вызывается. Нужно при передаче пропсов в компоненту вместо onPageChanged={this.onPageChanged} писать onPageChanged={this.onPageChanged.bind(this)} Я не знаю почему у Димыча заработало и без этого, мб это из-за версии реакта UPD: Вернувшись, понял, почему у Димыча работает. Он метод onPageChanged объявляет синтаксисом стрелочной функции, благодаря чему он сам по себе биндится (ну внутренностей тут не знаю уж). Он об этом способе вроде до этого ролика ещё говорил, может просто когда этот метод писал, решил не проговаривать, ну или же я, делая после просмотра, забыл об этом аспекте)

[@Эрик-к3й]

спасибо

[@ИланаЛипкина-ф3х]

ляяя храни тебя господь!!!

[@Karifax]

Cпасибо за подсказку! Еще одно доказательство, почему не стоит использовать классовые компоненты

[@павеллогинов-в1м]

Спасибо

[@ОльгаАбрамова-х4п]

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

[@mamkindotker]

Этот курс вошел как минимум в мою историю) Да и в целом. Мой друг рассказывал что когда он учился в универе ему предлагали работу и когда спросили у него знает он Реакт, он сказал нет. На что ему ответили пройди Курс Самурая от Димыча и мы возьмем тебя на работу. Правда это было давно, полагаю когда как раз таки это курс только вышел. А вот теперь я в 2024 году учу реакт тут на этом курсе. По его совету. И после того как прошел уроков 30 он сказал что он не много не актуален типо и нужно найти другой, мы поискали я посмотрел пару других и понял что мой "гениальный" мозг сможет только осилить курс от Димыча, т.к тут все разжевано и даже такой дЭбил как я сможет его пройти и понять) Ну по крайне мере я надеюсь на это! Спасибо за твой курс, даже через 5 лет ему нет конкурентов в открытом и бесплатном доступе! Ты лучик надежды всех тех кто нищий и тупой :D

[@ITKAMASUTRA]

👍🤝 успехов

[@KarenShatveryan]

2023 год - 4500+ страниц) а сервак еще живой! это невероятный курс!

[@mariia6820]

Спасибо тебе!Пересматриваю до дыр,документирую все мелочи!!Лучшие уроки по Реакт!!!!

[@johnmj750]

Будь здоров, Димыч! Храни тебя Бог! Спасибо за все!!!! Ты делаешь очень благое дело!!!

[@ЕвгенийАлексеенко-д4щ]

лайк сразу ставлю при открытии видоса, тут как бэ без вариантов)

[@arseqpage9131]

Шёл 23й год, я превратился в компонент и выполняю грязную работу

[@Любовь-ъ1]

орнул))

[@n0escape]

шел 23 год, я все еще функциональная компнента (тупая)

[@eleonora5101]

🤣@@n0escape

[@n0escape]

@@eleonora5101 к сожалению, в глазах рекрутеров это так

[@igetout]

полет нормальный, что то и правда не понятно, но после возврата все становится яснее с каждым разом) Спасибо)

[@dargor1801]

Этот курс точно войдет в моё сердечко ♥ пагинацию сделала практически сама и так рада! реакт начал выглядеть как родной, не хочется возвращаться к разработке до него)

[@redmix3666]

как успехи, устроилася на роботу?

[@dargor1801]

@@redmix3666 даа :) два с половиной месяца как

[@redmix3666]

@@dargor1801 мои поздравление) можете посоветовать что еще нужно подтянуть после данного курса?)

[@dargor1801]

@@redmix3666 60 серий курса хватило для трудоустройства, а потом нужны были еще хуки) неплохо бы юзать библиотеку редакс-тулкит) а дальше просто уже ищешь про конкретные задачи. К примеру, отправка формы и валидация полей на реакте. Всякие библиотеки для анимаций мне еще нужны в работе.

[@redmix3666]

@@dargor1801 я просто для себя думал пройти данный курс, потом дотянуть хуки, позакрывать свои дыри и готовиться, но еще и TypeScript, это можеш на долго затянуться)

[@ЭнэсБатыры]

Это революционный курс по React !!! :)

[@ГеннадийГорохов-ц8н]

Продолжаю учиться сегодня 07.11.21. Очень интересный курс всё подробно рассказано

[@АнтонЧижков-ч4л]

Устроился на работу? Если да, то после этого курса или как?

[@ГеннадийГорохов-ц8н]

@@АнтонЧижков-ч4л Привет да после 82 урока можеш смело идти на собес, только подтяни базовый js

[@therescue1879]

@@ГеннадийГорохов-ц8н красавчик.....спасибо за ответ)

[@rombeso]

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

[@RadCor]

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

[@kedrolit1521]

Здравствуй, Дмитрий, дорогой наш ДРУГ! Урок зашел. Подход любопытный и очень изящный. Этакая матрешка или луковица из компонент. Я обратил внимание, что у кого-то компонент. Но мне понравилось, как ты говоришь ты - компонентА. Всего тебе наилучшего!

[@ВладимирАкинин-т1х]

Дмитрий, сморю в 2022 это пипец как круто, ну, честно про пагинацию раз 10 смотрел, все разложил по полкам. Правда пользователей в 2022 году теперь около 2000 :) Спасибо тебе учитель!!!

[@BlackSquare823]

Большой палец вверх! React, redux, component

[@sergeyistominov5880]

плюсик для лучшего ранжирования в react-комьюнити =)

[@lilokino94]

Могу сказать, что полезно отвлекаться от плейлиста на что укгодно, что вас интересует в програмировании. После этого с новыми знаниямивообще на лету Димыча схватываешь. все еще здесь, хотя и смотрю локально (скачал плейлист). Начал чуть меньше года назад - делал 2-3 месячные перерывы, когда либо совсем забивал на коденг, либо вникал в учебники или другие js фреймворки.

[@viktorshatalov1920]

Жирный лайк от меня!!! самый лучший курс React

[@ITKAMASUTRA]

Спасибо!

[@is_eliseeva]

спасибо, Дмитрий. как всегда, для меня - доступно, понятно и новые открытия!

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

Презентационная компонента. Контейнерная компонента. Presentational and container component. React JS. Лучшие курсы по реакту. Реакт. Дима, ты лучший, спасибо за курс

[@UralIslamov]

Спасибо за то, что вы делаете!!! Лайфхак: чтобы выделить все this, нужно выделить первую и нажимать Alt+J

[@Nikita-xe5kv]

Лайк, Подписка, Колокольчик на максимум, и Везде затыкал комментарии еще с первого видео

[@sabatr1989]

иду повторно по курсу. уже 80% все пишу самостоятельно, бывают затыки - подсматриваю. второй раз безусловно понимание всего процесса 100%. кстати, от лишнего файла modules можно избавиться следующим образом: 1. в package.json для react и react-dom поставить версию "next" и повторно выполнить npm install , и накатить npm install @material-ui/core, затем npm audit fix, 2. в компоненте Users добавить: import {withStyles} from "@material-ui/core/styles"; .... const styles = (theme) => ({ userPhoto: { width: "100px", height: "100px", }, selectedPage: { fontWeight: "bold", } }) export default withStyles(styles)(Users) 3. тогда в props у компоненты Users будет приходить объект classes с описанными стилями константы styles. остается только заменить в коде: - className={.... props.classes.selectedPage} - className={props.classes.userPhoto}

[@sirojjjkachannel2856]

Этот курс уже вошел в историю. Лайк до просмотра. Чувствую, как в моей голове роятся мысли. Спасибо что помогаешь их структурировать.

[@sergeidsi6891]

5:44 будь здоров и спасибо за свой курс еще раз!:)

[@maybe2890]

совет: Димыч говорит: "Давайте, мол сделаем обертку в обертке"... Если понимаете, что он имеет в виду - ставьте на паузу и делайте. Получится - испытаете оргазм; не получится - досмотрите видео стопудов с двойной пользой, сделаете и уже потом испытаете оргазм. Отлично! Бомбим дальше.

[@ФерховАлександр]

Я разработчик ПО на Си, как же я кайфую, когда пишу код на JS) и постепенно перехожу в веб разработку

[@__online7250]

Будь здоров!)

[@ВладПономарёв-м1ъ]

Мои глаза, когда я вижу для одного действия, 3 компоненту Дима, спасибо

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

Как же все хитро придумали! А Дмитрий все это смог объяснить! Продираемся через терни к звездам!

[@alexandrgusletsov2567]

А здесь Димыч выспавшийся как огурец)))) Заметно сразу отдохнул

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

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

[@maksudabdulmalikov5479]

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

[@КонстантинДмитриевич-ю8л]

Да да. я тоже когда читаю документацию и вижу слово компонент, начинаю тупить))

[@dmytrohradovskyi8665]

ctrl+alt+shift+j - выделяет все идентичные куски кода alt+j - выделяет следующий идентичный кусок кода

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

React JS практика - Презентационная и Контейнерная компоненты Спасибо, Димыч! Смотрю, учусь!

[@ДенисБеспалов-п8щ]

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

[@СветаЕфимова-й1н]

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

[@STRIPPEDSTAR]

Красиво под конец упаковали контейнер в контейнер)

[@archol3878]

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

[@browix3114]

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

[@АндрейДарменко-й8щ]

Вообще классный урок. Не знаю почему, но у меня даже настроение взмыло вверх. Такие неожиданные повороты... . Класс. Класс. Класс. Одно смущает - большой список передаваемых пропсов. Много символов, а в остальном "бомба".

[@НадеждаГринчук-ш4к]

Спасибо. Уже получается самой прописывать после просмотра. Кайфую от понимания того что делаю.

[@Snegurjan]

Этот курс ,как и сам Димыч -уже вошли в историю)))

[@nikitasudaev8358]

Дмитрий, будь здоров!

[@theWorldIsMultivariate]

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

[@nh42so42]

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

[@OlhaDavydova-y7e]

Если бы не ваши старания и этот курс было бы очень тяжко в этом всем разбираться. Спасибо!

[@ВадимЛюманов]

Presentational and container component. React JS. Redux. Забегая вперед (из будущего) - с хуками так-то попроще). Но курс ведь - концептуальный)

[@maxim.saharov]

это радует что в будущем попроще а не сложнее)

[@xtereone]

Контайнер в контайнере - балдеж)

[@mip1992]

В дополнение к списку страниц добавил поиск страницы с textarea и button. Димыч, ты отличный учитель. Спасибо за уроки.

[@Valentynka_22]

Дякую😉, продовжую розбиратись і намагаюсь все зрозуміти)))

[@max-ek5uu]

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

[@sanbuz]

Спасибо, летим дальше, эхэээйй !

[@ivanmiarkulau8320]

Еще раз поговорили о презентационных и контейнерных компонентах в React, для чего они нужны и как их использовать, спасибо за урок!)

[@MrZorg23]

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

[@learningit2572]

огромная благодарность. Дай Бог тебе здоровья

[@siarheipaprotski6337]

С каждым уроком получаю всё большее понимание концепции,спасибо тебе ! Летим дальше

[@Vnikny]

Посмотрел, вроде все просто, как начал делать - запутался. Видимо из за того что у меня уже намного больше чем в Димычевом проекте. Поиск на странице, пагинация со следующей, предыдущей страницей, первой и последней страницей, кнопки подписаться и добавить в друзьья. От этого пропсов немеряно получается и колбеков. Птотупил долго, но заработало! КАЙФ

[@taras7844]

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

[@ВикторКысса-я8х]

Спасибо за лучший курс по React и Redux !)

[@romanpol3336]

Спасибо!!)) Презентационная компонента. Контейнерная компонента. Presentational and container component. React JS. Redux

[@iharberasneu2905]

Начало замудреное , но конец урока все расставил на места. Спасибо за уроки!)

[@dechto1]

Спасибо! Presentational and container component. React JS. Лучшие курсы по Реакт!!! Димыч красавчик!

[@dimitriitkach7697]

spasibo za urok - React JS практика - Презентационная и Контейнерная компоненты

[@nachalponimat]

Спасибо за труд! React JS, Презентационная и Контейнерная компоненты

[@RUS4HELP]

Смотрю и конспектирую - 28 февраля 2021 года!

[@muhamadboboev4223]

Самый лучший курс по react ! Спасибо Димыч!

[@sashaya6114]

React, Redux, самый лучший курс по JavaScript, спасибо!

[@muhammaddzhabrailov1238]

Мне кажется, этот курс точно войдёт в историю))

[@ruslanla4654]

React JS Redux лучший курс лучший проект - крутой Димыч

[@AbaiIlyasov]

Всё круто и понятно, иду дальше!

[@stepaKosolapov]

Смотрю в 2021 на втором курсе, ролики очень понятные, без остановок дошел до 56! Просматриваю несколько видео и реализую по памяти что проходили. Кстати, мы используем термин компонента связности в теории графов, например) Спасибо за уроки и за знания!

[@olegvoloshin2729]

я очень рад, что решился на твой курс! 100 уроков думал звездец как много.) Но круто, круто, круто!

[@wild_wizards]

Большой палец - Один! Было полезно, едем дальше!

[@MR.R.Akhmetov]

этот курс уже вошел в историю

[@Nikitosss91]

[@RUS4HELP]

забыли указать:

[@sirlion1549]

Мощно! Реакт потихоньку начал проникать в меня! Сам смог написать рефакторинг из этого урока, до объединения контейнерных компонент. Димыч самый крутой сенсей по реакту!!!