43 React JS Практика - container component (контейнерная компонента)

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.i...
Back-end
it-incubator.i...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
Контейнерная компонента создаётся для того, чтобы функциональная могла остаться функциональной: чистой и простой!
Функциональной компоненте нужны данные! Вот контейнерная и даст ей их, взяв всю грязную работу на себя!
Уроки по React JS: • Курс "React JS - путь ...
Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#reactJS #практика #примеры #уроки #курс

[@hilarious-_-7569]

примерно на 12 уроке я узнал о тупых компонентах... примерно на 42 уроке я узнал, что у меня с ними намного больше общего, чем я мог предположить

[@ВиталийВвв-ж9о]

После 40-й серии начал чувствовать себя презентационной компонентой)...

[@TigranKheranyan-c1s]

+++

[@RadCor]

а ха ха))) да, в некоторых уроках такое бывает)

[@tackesi]

Такая же фигня

[@alexrork6363]

Ахахахха :))

[@yockymai]

ЫХВАЫХВАХЫХ

[@kaarabasbarabas]

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

[@antonsydorovych1981]

И да прибудет с нами СИЛА ))

[@antonsydorovych1981]

У меня тоже иногда такие мысли бывают, не парься, если ты уже дошел до сюда то ты довольно таки крут дружище😎

[@bitcoin-]

Тут очень важна системность.Хоть часик ,хоть пол часика но поработать в день над этим делом нужно.Тогда будет результат.

[@Вячеслав-ш5т]

@@bitcoin- я смотрю дальше уроки, но уже не все так понимая как вначале. Интерес, можно сказать, пропал. Во первых - неудачно выбранная тема проекта - создание социальной сети. Никакому идиоту не придет сейчас в голову создавать социальную сеть. Лучше бы что-то попрактичнее было - создание интернет-магазина, например. Во вторых, отвратительный дизайн создаваемого приложения. Поскольку нить понимания на каком-то этапе пропала, буду переходить к книге по React Redux.

[@bitcoin-]

@@Вячеслав-ш5т На каком этапе у тебя возникли проблемы напиши.Тут главное освоить принцип круговорота и чётко его понимать.Главные концепции Store reducer actionCreator connect ну итд взаемосвязку этой фичи.А уже что писать магазин ,соц сеть или что другое не имеет значение.Мелкие индивидуальные ньюансы может и будут.Но это гуглится на раз два.Не паникуй.Просто пойми принцип круговорота и копирования состояния {...} что очень важно разобрать копирование обьектов ,стейта итд.Еще может немного освежи в памяти условие ? выражение1 : выражение2 тернарые выражения. Может сдесь тоже быть трудность.Попрактикуйся немного.Это нужно.Круговорот--вот ключ!Любой малейшей изменение в стейте закидует тебе новые пропсы.Вот и на этом строй всю логику в голове,все проверки,все экшен креаторы.Ну если что пиши в телеграмм там подскажут я уверен

[@Elvolvers]

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

[@BiGSplush]

Как рисует буковку обычные люди: 1) нажимают буковку в текстовом поле. Как рисует буковку Реакт: 1) Заблокировать велью поля. 2) Прокинуть колбек пропсами. 3) Обернуть dump компонент в container. 4) Сделать диспетчер. 5) Сделать Action Creator функцию. 6) Написать редьюсер. 7) Подписать компонент на обновление стора. 8) Перерендерить все что изменилось. Поздравляю, вы нарисовали буковку на Реакт.))

[@promotezor]

dumb* component только

[@promotezor]

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

[@ДаниилМотунов]

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

[@cobwowcobwow6331]

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

[@ITKAMASUTRA]

Офигенно! Успехов и дальше! Летим!

[@bur5153]

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

[@AndersBulon]

Привет всем из 2022 года!!! На этом выпуске, где то посередине, реально почувствовал что мозг начинает "пробуксовывать"))). Сделал усилие досмотрел до конца. Хотя детальный ход мыслей потерял. Подумал, про себя конечно ))), что "-вот я тупой" и пошел спать. НО!!!! Все же отложил в уме три момента: 1) DUMB-Компоненту нужно оставить чистой (без добавления store) 2) Для того чтобы пункт 1 осуществить, нужно создать компоненту-оболочку или компоненту-контейнер, которая и будет содержать store и все прочее из мира BLL. 3) Компонента-контейнер содержит в себе DUMB-компоненту (на то она и контейнер))) ) и в JSX разметке рисует её передавая ей все необходимое пропсами. УТРОМ. Решил не пересматривая видео почистить DUMB-компоненту от всей информации о BLL, а для этого создать компоненту-контейнер и всю эту логику перекинуть туда. Провозился пару-тройку часов. И.... Все получилось!!!!!!!!!!!!!!!!!!!! Глаза боятся а руки делают! НО!!!! Будьте предельно внимательны и держите постоянно перед глазами открытый файл store.js чтобы видеть его архитектуру и понимать как нужный метод или объект из store достать. ВСЕМ УСПЕХОВ И НЕ ОПУСКАЙТЕ РУКИ, ДЕРЗАЙТЕ И ВСЁ ПОЛУЧИТСЯ!!!

[@nataliarslan0601]

Привет из 2022! Как успехи?

[@MrBlackChildren]

Абсолютно согласен! я сломался. Сижу пару часов пытаюсь догнать чё кого)

[@artsnowgaming5716]

​@@nataliarslan0601 как у тебя успехи?

[@anazkomult]

Я же просто хотел подтянуть JS для верстки, как я оказался здесь, уже на 43 уроке по реакту?? Димич, отпусти... :)

[@ITKAMASUTRA]

:))

[@maxkos6184]

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

[@lizanadeeva3080]

@@maxkos6184 и конца-краю нет )

[@zloy_ax8496]

БлЭт, это прям в десятку

[@PoisonPrince-t7i]

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

[@КириллСтороженко-ц4ъ]

Тяжело зашло, но спустя 3х разового пересмотра и часового дебага моя душа обрела покой :D Спасибо!

[@ITKAMASUTRA]

Огонь! Не сдавайся 🙏

[@MaksymTkachuk-k8j]

Так же)

[@maxskurski1138]

+++ я тоже 3 часа+, мой дебаг это нечто, но я все решил, понял суть, и то,что нужно коммиты делать... ваххва, Димыч, спасибо :)

[@Jesus_On_Extasy]

0:20 это и так лучшие уроки по реакту в сети))

[@katansy]

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

[@maxoonix]

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

[@ITKAMASUTRA]

Огонь, бро, рад твоему результату!!!

[@BlackSquare823]

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

[@trippertripperovich6062]

На этом уроке научился виртуозно обращаться с дебаггером, т.к. многое сделано по своему и много моментов приходилось исправлять и дебажить )

[@ronallik]

На словах: давайте сделаем, то же самое на dialogs-компонентах - ставишь паузу и пытаешься сделать сам. Все работает - получаешься истинное наслаждение. Лайк за курс!!!

[@sultanmukanov325]

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

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

в начале было реально сложно, но после 15 минуты все стало немного проще. осталось самому это написать) спасибо за урок!

[@anastasiyakobyzeva6925]

это точно самые крутые уроки в сети. До сих пор. Середина 2023

[@Eugene_VP]

как успехи?

[@anastasiyakobyzeva6925]

@@Eugene_VPзастряла в начале 70-х уроков. Там что-то поломалось с момента внедрения логина, никак не могу выделить время и разобраться ( Вы тоже проходите?

[@Eugene_VP]

@@anastasiyakobyzeva6925 да

[@sergeu967]

@@anastasiyakobyzeva6925 Нужнго было пушить на гитхаб, если что то сломалось, то просто откатиться к прошлому коммиту, + практика по гиту была бы

[@iamboikodmytro]

@@anastasiyakobyzeva6925 Как успехи?

[@maxk715]

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

[@SlootLite]

Класс. Осталось совсем немного!))) Надеюсь на этой неделе досмотрю, если получится )

[@ВладимирГугин-ш7щ]

немного это 57 уроков?)

[@alexanderbratskov9281]

Спасибо за курсы! Всё как обычно пушка! три просмотра и разобрался! Когда начинаешь разбираться, так получаешь наслаждение! ЕЕЕ, Я ПОНЯЛ и СМОГ)) всё благодаря тебе))

[@alfa_main]

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

[@maksymstarodubtsev6704]

++

[@O_Shpak]

Боль всех начинающих и моя в том числе

[@РусланКоташов]

Огромное отдельное спасибо, что постоянно используешь дебаггер. 99% проблем, которые возникают в процессе изучения легко исправляются с помощью debugger'a.

[@dargor1801]

Ух, прикольно) Правда сейчас я стала сомневаться, что когда сяду писать что-то с нуля, я не запутаюсь во всех этих функциях и редьюсерах! Надеюсь мы дальше снова и снова будем эти репетировать)

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

Дмитрий 1000 слов благодарности, чем дальше тем уже реально сложнее. Все гоним дальше.

[@АлексейАлешников-н3и]

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

[@bigenough2122]

Алексей Алешников как успехи?

[@lemuriecnoname]

@@bigenough2122 Он пал на поле боя...

[@automanautomation9845]

@@lemuriecnoname пистеть не мешки ворочать, одно дело решить дойти и совсем другое реально дойти. Но я все же надеюсь что он дошел и устроился.

[@lemuriecnoname]

@@automanautomation9845 Ну. Тебе бы на курсы по чувству юмора записаться. А то тяжко по жизни будет.

[@automanautomation9845]

@@lemuriecnoname а где ты там шутку пытался найти? Я абсолютно серьезно написал. Куча народа приходит на курсы и заканчивают только процентов 5- 15

[@sophiet1694]

начала смотреть видео, остановила, нарисовала все на бумаге, несколько раз продумала и все получилось! Спасибо огромное за твои уроки! Благодаря ним начала читать документацию и все потихоньку становится на свои места.

[@artemy5594]

наконец-то я начал нормально дебажить) спасибо!)

[@lesyadorosh1805]

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

[@andreislashikov9618]

"Kомпоненты делятся на две категории: функциональные и контейнерные. В рендер идут и те и те, но одни получают store, а другие могут только callback вызвать)" - © React Сёгун 2021г н.э.

[@user-nf5yc7xz9b]

"Я бы хотел чтобы эти уроки были самые крутые в сети !" Димыч дружище так ого и есть !!!! по факту

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

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

[@midnightstar_zoriana]

декабрь 2023 - самые крутые уроки, автор точно оставил след в истории ютуб-курсов

[@vladyslavhalchyshak1176]

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

[@kuko932]

это и есть самые крутые уроки в сети. Говорю после многих пройденных этапов на других источнках.

[@caxapok2-u3z]

прошел и этот урок все дается очень легко пока что . Автор изгалает мысли очень хорошо , четко и последовательно. Мне уже 41 и учу чисто ради интереса, сперва конечно 1,5-2 месяца потратил чисто на ванильный JS , единственное что пожалел что CSS 3 and html5 нормально не выучил, но чтобы не делать перерыв в данной теме надо бьудет закончить этот и потом перейти на CSS + html , но они легкие думаю за 5-6 дней догоню и там бутстрап за дней 20. также нужно будет Mongo DB and NodeJS. Планировла за 10 месяцев все пройти JS+REACT+NODE+MONGO(MySQL) css + html Что то кажется за 7 месяцев закончу. Правда очень помогает английский он у меня почти нативный прожил более 20 лет в штатах. Автор заинтересовал меня Redux сходил зараннее все почитал попрактиковал и заново вернулся и сейчас легко дается все это.

[@ITKAMASUTRA]

Спасибо за историю подробную! Все получится! Круто, что такие увлечения в 40+✊🙋🏻‍♂️ успехов!

[@olisy87]

С первого раза непросто было понять данную тему, поэтому пришлось пересмотреть. После 2 просмотра добавила компонент-контейнер для своих компонентов) Кода из-за разделения BLL и UI получается много, но так очень удобно)) Сейчас я понимаю, что писала очень много говнокода. Смотрела много уроков, но такого чистого кода я еще нигде не видела))

[@alexeykornev4048]

Просмотры и лайки уменьшаются! Но надо двигаться дальше! Респект учителю! Димыч ! Будете в Вильнюсе - готов проставить пиво и цеппелины!

[@ВладимирГугин-ш7щ]

Димыч с синим завязал!

[@yurikorabel5435]

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

[@vadimbrovich]

Как ты там?) Уже 8 месяцев прошло, что-то получилось?

[@ІгорСнігур-х1л]

Наши компоненты тупеют с каждым уроком)

[@МитяА-р5к]

не по-человечески оскорблять кого-то, даже компоненты 😂

[@znatniy-pekar]

Жизнь это программа, а ты в ней тупая компонента)

[@thedarkstranger8739]

@@znatniy-pekar тупеющая*

[@promotezor]

@@thedarkstranger8739 xD

[@Sergey30838]

в конце они поумнеют)

[@programist2002]

Наконец-то => Context ... Я с облегчением обрадовался) Вроде ничего сложного, но прокидывать props ещё та муторная затейка :) Благодарю за выпуски, всё предельно понятно и ясно) Как по мне, то с каждым выпуском катана Димыча становится всё острее и острее, благодаря чему ему удается сдерживать и вовлекать всех начинающих самурайчиков внимательно его слушать... но в тоже время дать понять, что это лишь вершина айсберга и радоваться пока рановато) Это реально лучший курс по React) Автору респект)

[@ravspn]

Зашел на ютуб,хотел что-нибудь посмотреть. Вокруг одна дичь,плюнул и пошел смотреть Димыча,не жалею!

[@ITKAMASUTRA]

Ахахах)) 🙏 рад стараться!

[@torezracerful]

Когда собрался деградировать, но что то пошло не так

[@znatniy-pekar]

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

[@ravspn]

@@znatniy-pekar уже год и 3 месяца работаю)

[@mikeenslin1587]

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

[@egor.illjin]

такая же фигня)

[@mariia6820]

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

[@_e_mask]

год назад писала. Ну и как успехи? Уже работаешь?

[@mariia6820]

@@_e_mask работаю на министерство статистики в Варшаве) уже почти 7 месяцев)Выпустили первую часть нашего проекта )

[@_e_mask]

@@mariia6820 Очень рад за тебя! А сколько тебе платят? Я так понимаю ты уже не джун)

[@mariia6820]

@@_e_mask моя первая зарплата здесь была 900$, ну а сейчас уже больше) я не Джун уже ,но только потому ,что меня изначально взяли не на джуновскую позицию и я ночами это все решала ,первое время спала по 3 часа в сутки) теперь уже проще ) но все равно ,из-за сложности проекта нехватает иногда даже энергии что-то делать , сложно все-равно !

[@__kawaii]

@@mariia6820 А как устраивалась? Через какой ресурс? как проходило собеседование?

[@uzver3787]

Пересмотрел всё два раза с 0 до 41 ,со второго раза уже понятней. Рисовал,отвечал сам себе на вопросы "Почему эту пришло сюда и зачем?".Есть не понятные моменты,но надеюсь в дальнейшем картина сложится более ясно и будет понятно. Палец вверх.

[@oleksandram5159]

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

[@theWorldIsMultivariate]

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

[@vl8224]

- Дорогой, выключи чайник на кухне. Кипит. - Дорогая, это не чайник )

[@andreiBylkin]

уже не кипит, а просто бесшумно плывет...

[@vl8224]

@@andreiBylkin )

[@siarheipaprotski6337]

посидел чуть больше часа, подумал . Пересмотрел несколько раз и всё понял. Самостоятельно по аналогии сделал dialogs. Спасибо за контент!!

[@romanpomin1967]

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

[@АнатолийЯковлев-п8ч]

Спасибо, Дима! Ты молодец. Благодаря тебе пришло осмысление принципов реакта и редакса.

[@АлексейКудряшов-п8ц]

Очень крутой курс по React) Спасибо Димыч)

[@tatlexOfficial]

Контейнеры получается очень удобный функционал, всё здорово, спасибо за отличные уроки!

[@victormog]

Для демонстрации полезности можно было показать, как презентационная компонента _MyPosts_ (по сути: input + button) *повторно* используется в _MyDialogs,_ а менялись бы только их контейнеры.

[@ИльяПономарев-в1м]

У меня такой вариант. Есть отдельная компонента Publication (textarea + button). Сначала менял функционал компоненты в зависимости от location. Но теперь есть компонента PublicationContainer.

[@technical777]

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

[@ITKAMASUTRA]

100 выпуск пересматривайте, ребят, регулярно!✊🙋🏻‍♂️

[@unskeptik]

43-ый лайк! Спасибо за уроки!

[@sergeev_rs]

Разобрался. Всё еще круто объясняешь, спасибо. Летим дальше!

[@denkodatskyi3381]

Лучшие уроки по React & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!! Just about information technology =)

[@ВладимирГугин-ш7щ]

лучший бот на ютубе!

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

Очень круто! Титанический труд! Дмитрий очень круто мотивирует! Спасибо большое! Всем удачи!

[@FilmsMediaTV]

До 43 урока Компонента - глупая, а в 43 уроке мы узнаем, что Компонента - бездарность 😂 Ору просто с подачи. Мне кажется так компоненты еще никогда не унижали как Димыч 😅 В ближайшем будущем узнаем, что Компонента вообще - ЛОХ 😂😂😂 А вообще на счет этого урока... Первые 15-20 минут было чет такое нереально сложное, что подумал все, вот и приехали, пора бросать это дело)) Но уже после 20 минуты все стало на свои места) Так что не очкуйте ребят, идем дальше))

[@doroshkent]

После предыдущего урока деструктурировала все props и прописала все PropTypes. О этот светлый мир совпадений, что именно в этом уроке Димыч уже начал упоминать именно эти вещи как планы на будущее)

[@СергейВоронцов-м4с]

Круто! Это уже посложнее))

[@qaswert167]

Ой как много времени отнимают эти уроки, сильно рискую тратя время на эти ролики. Надеюсь все будет не зря. Если смотрите этот коммент через 3-4 месяца. спросите "как у меня дела. Стоит ли до конца проходить этот курс? "

[@МаркЗахаров-ф2б]

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

[@legenda9792]

Как у тебя дела?

[@qaswert167]

@@legenda9792 Дошел до момента, где используются формы. Дальше не стал проходить а просто просмотрел ролики. Сейчас подтягиваю знания по самому js. неделю взял перерыв, помогло. Каждый день захожу вредактор и просмтриваю код соц сети, тоже помогает. Хочу сделать свой большой проект на реакте, только не знаю что (буду благодарен за идеи). Да тяжело дается, но не сдаюсь👌

[@vadimbrovich]

ПРИВЕЕТТТ! Как ты там?) Уже 10 месяцев прошло, что-то получилось?

[@qaswert167]

@@vadimbrovich как быстро течет время. У меня началась учеба и программирование я забросил, именно реакт. А так работал верстальщиком все это время. На работу как джун так и не устроился(

[@pikappikapp9915]

Сильно замудрили

[@mr.fuchsia]

ты стал react developer'ом?

[@legenda9792]

@@mr.fuchsia а ты?

[@mr.fuchsia]

@@legenda9792 а ты?

[@legenda9792]

@@mr.fuchsia аххахах, я только изучаю и еще мне до 18 еше 2 года так что думаю успею овладеть всем должным знаниям))

[@is_eliseeva]

Дмитрий, без сомнения, это самые крутые уроки в сети.

[@max-ek5uu]

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

[@ВладимирГугин-ш7щ]

Целый день потратил, не мог разобраться. Ругал Димыча даже, что он намудрил. Но потом въехал, и все встало на свои места. Который раз убеждаюсь, что такие "брейкпойнты" очень полезны, и даже если потратил целый день, а на 2-й все понял, то это лучше чем двигаться дальше не понимаю, че происходит то) Спасибо Диманыч, и извини что в голове своей тебя ругал))

[@bukanaka]

Да, так и есть. Если всё это понять, то и понимания больше придёт. Я пока пытаюсь разобраться, поскольку код мой различается.

[@НиколайИванов-ж3п4л]

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

[@olenakunina1]

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

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

Это реально самые крутые уроки по реакту и редаксу в сети. Так глубоко и так разжеванно объяснить никто кроме Дмитрия не может. Я просто счастлива, что теперь есть понимание, а не просто инструкция.

[@alexdang2357]

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

[@yanlukovsky9452]

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

[@АБерс]

C 34 урока стало резко стало сложнее, видимо для меня как для новичка. Понимал что мы идем в обход строенного редакса. Думал вот дойду до редакса и пойму о чем были предыдущие уроки, но чем дальше тем сложнее. Уроки не повторял с 34 го видео. Видимо придется вернуться к 34 видео и повторяя за Димычем еще раз пройтись. Просто спешу, хотел оставшиеся уроки за 2 недели пройти. Но, видимо придется вернуться

[@ИгорьДолгих-п4н]

Завис на этом уроке на 3 дня, когда проходил предыдущие уроки, казалось, что все понятно и идет как по маслу. Но у меня что-то пошло не так и приложение не заработало, вот тогда и начинается настоящее обучение, приходится вникать в каждую строку кода, в этот момент понимаешь, что ничего не знаешь. Круто! Димыч, спасибо за уроки!

[@MrBlackChildren]

41 видео на изи сделал за неделю. 42 и 43 разбираю два дня. Это капец. Мозги плывут

[@MrBlackChildren]

Пишу спустя целого дня разбирательства с этим вопросом. Я СПРАВИЛСЯ!!!

[@arteminsight]

@@MrBlackChildren блин помоги, если увидишь этот коммент. я тож весь денб над этим видео чахну

[@MrBlackChildren]

@@arteminsight я только что посмотрел видео и не помню уже как и что сделал там, и на чём затык был( напомни что не получается? Возможно , я тут начал использовать хуки что бы достучаться до стора

[@arteminsight]

@@MrBlackChildren привет) у меня почти все получилось, кроме того, что поле для ввода текста не обнуляется. Кстати, ты 5 мес назад коммент писал, ты уже устроился на работу? погнали в тг?

[@MrBlackChildren]

@@arteminsight я к тебе в канал зашёл

[@sirlion1549]

Вчера, когда первый раз смотрел, почувствовал себя презентационной компонентой. А сегодня стал контейнерной, после повторного просмотра))

[@Alex4ever01]

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

[@andreiBylkin]

в точку!!!! )

[@whicencer8819]

Умные и Тупые. Так лучше...

[@ctumyji9737]

Спасибо! Повозился лишний часик, но тут сам виноват - проморгал пару моментов. Откатил - сделал не спеша - все получилось, заодно несколько других косяков нашел. Лечу дальше :)

[@itshnik_life]

Dialogs сделала по аналогии с постами, если идти по порядку и дебажить можно многое познать)

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

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

[@stanislavndreev2831]

Этот урок взорвал мой пукан

[@yschik15]

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

[@DiRacer]

Них... не понятно, но очень интересно. Надо будет еще раз пересмотреть.

[@andreiBylkin]

согласен ))))

[@alastiel3761]

В самом конце, когда про контекст рассказал, прям ОЧЕНЬ заинтриговал!)

[@silverbullet653]

Я, конечно , лайкнул, но не могу понять одну "логику": React задуман, якобы, для облегчения/упрощения и ускорения разработки приложений. Но вот здесь, на этом примитивнейшем примере приложения, которое находится еще в самой начальной своей стадии мы видим, что реакт УЖЕ все очень сильно усложнил!!! Расплодилось миллион файлов и компонентов, взаимодействие между которыми сложно назвать простым (при малейшем изменении надо производить изменения в куче других файлов и т.п.), ф-ии с одинаковыми названиями присутствуют в разных файлах и определенным образом перелинковываются друг с другом так, что уже непросто разобраться как это все работает даже с помощью дебагера! А что же будет в большом проекте? Я боюсь даже представить :) В этом уроке хотим убрать "бизнес" из "UI/Реакта" в Store, при этом создаем еще кучу файлов-компонентов-контейнеров в этом же "UI/Реакте", в которых весь этот "бизнес" остается! В чем профит??? Только расплодилось больше файлов-компонентов и еще больше усложнилась архитектура и все! Димыч, я, конечно, еще очень мало чего понимаю в этом всем, но не вижу "красоты игры", так сказать! В чем профит Реакта???

[@АлександрЮдин-щ3в]

Реакт действительно предназначен для упрощения разработки. Вы попробуйте на нативном писать Single Page Application, у вас код будет раздут ещё раз в 15 больше.

[@НАОДНОМДЫХАНИИ-й6ф]

Нужно во все вникнуть чтобы разобраться

[@ЕвгенийКувженко]

это так кажется на этом этапе, когда мы каждую мелочь переделываем и разжевываем для понимания. Попробуйте сейчас сделать SPA в виде блога с тремя ссылками (стаьи, новости, авторы), например. Вы это сделаете на реакте за час, максимум А теперь повторите все тоже самое на нативном - времени выйдет в разы больше ( но не всегда, естественно, иногда вариант с нативными лучше, если дело касается очень простых приложух, ну там уже свое видение, что и как лучше сделать). И это я привел в пример простейшее, а если проект в десятки/сотни страниц, еще и с подгружаемыми данными и реагированием на них. У Вас мозг ляжет прописывать эту всю логику и связи вручную, так сказать

[@Noname-di9hc]

Для маленького проекта все это кажется бессмысленным, т.к. инфраструктура и обвязка вокруг неё занимает больше времени, чем сам код. Куда сложнее все, когда проект состоит из сотен компонентов , тогда для создания страницы достаточно просто взять готовый компонент, прокинуть нужные данные и все готово. Более того, рефакторить надо не 200 копи-паст кусков кода (приходится надеяться, что глобальный реплейс отработает без ошибок (спойлер, не факт)), а 1 компонент, который зааплаится на все приложение. Этот 1 компонент уже покрыт юнит тестами и протестирован тестировщиками.

[@nikiv2688]

Если была бы цель просто сделать 3 страницы - то кода можно было бы оставить строк сто. В видео скорее на этих трех страничках поясняются архитекрутные подходы. и для меня это плюс, потому что обычные уроки типа "давайте сделаем три странички на реакт" толку дают мало (

[@__maxsoul643]

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

[@RUS4HELP]

Читал комменты и видел, что люди ставят скорость на 1,5 или 2х. Я нубас поставил на 0,75х. Слишком быстро всё происходит, а мой мозг не улавливает. Правда Димыч тогда объясняет так, как будто выпил три литра пиваса)

[@Світлана-у8е]

ради интереса поставила скорость 0.75 и теперь не знаю как остановится потому что это слишком смешно 😂😂😂

[@RUS4HELP]

@@Світлана-у8е так и есть)

[@xmarsianca]

После 80 выпуска начала с 38 смотреть в перерывах между деланьем последних уроков.насколько все лучше понимается!как будто,картинка была размытая,а сейчас становится ясная,четкая

[@djnickolay]

Как по мне, как то все запутано становится, не могу понять чего мы добиваемся?!

[@skynet2795]

стать разработчиком синьором с зп 500 000руб)

[@RUS4HELP]

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

[@TheMalekula]

@@skynet2795 походу я буду работать за еду )

[@andreiBylkin]

@@RUS4HELP я думал, что это я такой тупой потому что пересматриваю по 5 раз, для того, чтобы хоть что-то понять ))

[@Evgeny..]

Отлично! Самые лучшие уроки по ReactJS!!!!

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

То есть если компонента без данных, а данные это DATA выходит, что это бездатая компонента)

[@АлександрНиколаев-э2э]

Спасибо огромное Димыч!!! 08.02.2022 время [04-16] самый крутой курс до сих пор!!! Сижу дебажу 3-ий час! Убрал все ошибки, не мог найти одну, из за которой пришлось перекопать все, что есть, включая bungle.js и react-dom.development(Самый прикол, что я ее нашел. AddPost написал с большой буквы, благодаря такой глупой ошибки научился дебажить. Я просто плакал от смеха когда обнаружил в чем проблема :D. Выполняю все домашки, ставлю на паузу и всегда пытаюсь сделать до визуального примера! Спасибо еще раз тебе. Ты делаешь нас лучше и умнее.

[@lovefliymon9912]

здравствуйте у вас я так понимаю все получилось с этого урока можете сказать у вас не было такого что не отображались посты и в dialogs белый экран просто я уже 2 сутки сижу парюсь не могу исправить ?

[@lovefliymon9912]

если нет то можете скинуть ваш код с MyPosts, MyPostsContainer, Dialogs, DialogsContainer и код с файла redux-store пожалуйста вы мне тогда очень поможете я прошу вас

[@РоманСергеев-х8ф]

@@lovefliymon9912 аналогичная проблема была, 2 часа сидел с белым экраном…Потом плюнул и вернулся к проблеме через час. Без debugger точно не получится определить проблему, если белый экран, значит какая-то проблема с props. Ставь debugger, ищи undefined, когда найдёшь смотри что пришло через props. У меня была проблема со строкой где map.

[@lovefliymon9912]

@@РоманСергеев-х8ф когда белый экран это дело не в пропсах точнее не всегда нужно открыть консоль и смотреть ошибку + я решил свою ошибку я неправильно закрыл класс так что все хорошо

[@lovefliymon9912]

@@РоманСергеев-х8ф + я уже на 75 видосе

[@SlimDwarfPavelIronfoot]

Я вот че непойму, за последние +-10 уроков у нас сам сайт и его функционал не изменился вообще, но сам код мы усложнить в сто раз, все обернули ещё в новые функции, компоненты и редаксы... а зачем я так и непойму) смысл реакта все усложнить в сто раз?)) 🤔

[@vladislavs6593]

Наоборот круто,хоть какие-то принципы единой ответственности. Можно было всё написать в одном,а потом рыться в этом пока не зароешься. Чем детальнее компонент , тем проще потом жить и вносить разные правки.

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

Лучший курс в рунете ! от простого к сложному, летим!

[@p.sh.281]

У вас тоже бомбит, когда выпала ошибка, вы приостанавливаете видео, потому что у Димы её нету, пытаетесь исправить, а потом отчаявшись продолжаете смотреть и у него вылетает такая же ошибка, и он её исправляет за 5 секунд... Тем временем, ваша морда кирпичом.

[@egorn6543]

Круто, запилил контейнер и для friendsPage. Допустил при этом ряд ошибок, но знания о debugger меня вытащили и приложуха снова работает)

[@evgeniyprowork]

пока что самый сложный урок для меня, переделки голову сломали включая одинаковую функцию onPostChange в 2х разных файлах но с разным контекстом

[@ЕвгенийНиколаев-е5о]

Самые крутые уроки реакта в сети! аффтар, жги исчо!

[@DubinArtur]

Я потерял суть наших стараний Зачем мы из пары небольших файлов сделали огромную сеть, в которой 90% работы - прокидывание всего через всё? Напоминает анекдот: Если вы перекладываете деньги из кармана в карман - это шизофрения. Если это делает чиновник - это планирование бюджета

[@t.p.893]

Спасибо за отличные уроки по React, в которых так все детально объясняете! 2023 г.