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

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

[@hilarious-_-7569]

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

[@user-pe4wq2dv7q]

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

[@user-on8jd7tk3t]

+++

[@RadCor]

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

[@tackesi]

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

[@alexrork6363]

Ахахахха :))

[@yockymai]

ЫХВАЫХВАХЫХ

[@BiGSplush]

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

[@promotezor]

dumb* component только

[@promotezor]

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

[@user-tn6jy7xk9l]

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

[@kaarabasbarabas]

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

[@antonsydorovych1981]

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

[@antonsydorovych1981]

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

[@bitcoin-]

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

[@user-lz7zl4eq2l]

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

[@bitcoin-]

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

[@Elvolvers]

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

[@anazkomult]

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

[@ITKAMASUTRA]

:))

[@maxkos6184]

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

[@lizanadeeva3080]

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

[@zloy_ax8496]

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

[@user-vw2ml2hk9p]

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

[@user-ix6ic3vp2r]

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

[@nataliusta9785]

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

[@MrBlackChildren]

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

[@artsnowgaming5716]

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

[@user-fr7eu2dh1f]

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

[@user-je7ib6qe8y]

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

[@znatniy-pekar]

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

[@thedarkstranger8739]

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

[@promotezor]

@@thedarkstranger8739 xD

[@Sergey30838]

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

[@andreislashikov9618]

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

[@cobwowcobwow6331]

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

[@ITKAMASUTRA]

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

[@FilmsMediaTV]

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

[@trippertripperovich6062]

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

[@anastasiyakobyzeva6925]

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

[@Eugene_VP]

как успехи?

[@anastasiyakobyzeva6925]

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

[@Eugene_VP]

@@anastasiyakobyzeva6925 да

[@sergeu967]

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

[@Jesus_On_Extasy]

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

[@is_eliseeva]

2024-02-24 typescript на соцсети - настоящее спасение! все подсказывает, что забыла, где ошибки, не надо ничего вспоминать, выстраивать логические цепочки, дебажить. первый раз писала проект соцсети без тайпскрипта, вспоминаю то время с ужасом 😂 без тайпскрипта и без поддержки инкубатора.

[@user-nf5yc7xz9b]

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

[@bur5153]

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

[@user-mt1te4fr1y]

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

[@user-wp1te1uy7k]

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

[@user-dy6ts5lu5h]

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

[@ITKAMASUTRA]

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

[@user-ny3fg6vl6h]

Так же)

[@maxskurski1138]

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

[@ravspn]

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

[@ITKAMASUTRA]

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

[@torezracerful]

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

[@znatniy-pekar]

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

[@ravspn]

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

[@user-er5zx6ge1p]

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

[@olenakunina1]

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

[@vl8224]

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

[@andreiBylkin]

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

[@vl8224]

@@andreiBylkin )

[@alexanderbratskov9281]

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

[@artemy5594]

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

[@pikappikapp9915]

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

[@mr.fuchsia]

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

[@legenda9792]

@@mr.fuchsia а ты?

[@mr.fuchsia]

@@legenda9792 а ты?

[@legenda9792]

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

[@user-ib1wz3jx7d]

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

[@__maxsoul643]

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

[@Alex4ever01]

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

[@andreiBylkin]

в точку!!!! )

[@whicencer8819]

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

[@maxoonix]

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

[@ITKAMASUTRA]

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

[@zucker6166]

смотрю по 5 уроков в день, чтобы успеть пройти курс до конца июня. День 10, урок 2 из 5

[@user-bd4lw9hx3s]

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

[@max-ek5uu]

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

[@sultanmukanov325]

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

[@theWorldIsMultivariate]

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

[@qaswert167]

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

[@user-wq2ky8lg1q]

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

[@legenda9792]

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

[@qaswert167]

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

[@vadimbrovich]

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

[@qaswert167]

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

[@SlootLite]

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

[@user-rp8oy2kf5d]

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

[@vladyslavhalchyshak1176]

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

[@olenarudenko2407]

Большое спасибо за видео! Более доступного изложения материала я ещё не встречала!

[@ALDIK-uc3nt]

шло 43 видео, я сломался. Но что то еще понимаю. Как человек который что то изучал получил по голове. Думаю что выживу и стану хорошим джуном

[@oleksandram5159]

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

[@dargor1801]

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

[@Evgeny..]

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

[@LastShogun]

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

[@user-pz6kr7px3i]

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

[@alfa_main]

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

[@maksymstarodubtsev6704]

++

[@O_Shpak]

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

[@midnightstar_zoriana]

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

[@user-ib6rj8hj5n]

Я когда то в 17 уроке написал что у меня ничего не получиться, и вот я пришёл к 43 сам. Пишу читаю удаляю снова пишу,этот материал классный тренажёр я в среде и полон сил и настроения. Дим спасибо!!!!

[@user-yw2cx7uu4j]

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

[@xapy-x2]

прошел и этот урок все дается очень легко пока что . Автор изгалает мысли очень хорошо , четко и последовательно. Мне уже 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+✊🙋🏻‍♂️ успехов!

[@user-dk2hf9ro2z]

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

[@BlackSquare823]

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

[@silverbullet653]

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

[@user-sk1fe4do2d]

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

[@user-rg4co7hv7o]

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

[@user-uk2hh8vy9e]

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

[@Noname-di9hc]

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

[@nikiv2688]

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

[@unskeptik]

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

[@skynet2795]

7 часов дебаггинга, фух, крейзи ..... итоге все работает, спасибо Димасу!!!

[@maxk715]

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

[@denkodatskyi3381]

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

[@user-rp8oy2kf5d]

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

[@victormog]

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

[@user-nu1lh8ez6m]

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

[@l.a.work_]

Идём дальше😉

[@user-eb5mc1ib4b]

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

[@alexeykornev4048]

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

[@user-rp8oy2kf5d]

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

[@user-pc4eg6rz2m]

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

[@user-ei5bj5vx5z]

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

[@multithread_cat]

Мой конспект Компоненты наши слишком много знают. Мы им передаем store, они могут напрямую диспатчить экшн и.т.д. С одной стороны от этого не уйти, но это не очень хорошо, так как весь проект становится завязанным на единственный менеджер управления состояния(т.е state manager), например Redux. Чтобы сделать компоненты более независимыми от стейт менеджмента придумана следующая концепция. Мы компонент оборачиваем в другую компоненту, которая называется container component. Эта компонента может напрямую работать со стором. Но внутри этой компоненты мы создаем готовые функции, которые диспатчат экшн и как-то меняют стор. А в компоненту изначальную(presentation component) мы передаем нужные функции как колбеки и нужную часть стейта. Таким образом эта компонента больше не знает про диспатчи и про многое другое, такая компонента уже не завязана под конкретную библиотеку управлением состояния. Контейнерная компонента это больше про организацию логики = мы там не импортируем стили, не пишем как-то конкретный JSX, а только формируем нужные функции и вместе с частью стейта передаем вниз презентационной компоненте, чтобы она меняла стейт не напрямую(через dispatch action как в редаксе например), а через наши переданные функции. P.S Дэн Абрамов писал medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0 (как я понимаю это он придумал концепцию?) статью по теме, но потом он добавил что это типа устарело, и у нас типа есть хуки и такой проблемы больше нет. Возможно и вправду концепция не так актуальна, но даже как часть истории реакта(и его практик с редаксом) это интересно. Также есть статья на хабре (habr.com/ru/company/ruvds/blog/446206/).

[@stanislavndreev2831]

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

[@p.sh.281]

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

[@onGrill]

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

[@bitcoin-]

Урок супер.Все очень ясно и понятно.Второй кусок сам переделал за 5 минут!все круто. продвигаемся!

[@user-dw6ih4td4h]

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

[@bigenough2122]

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

[@lemuriecnoname]

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

[@automanautomation9845]

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

[@lemuriecnoname]

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

[@automanautomation9845]

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

[@djnickolay]

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

[@skynet2795]

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

[@RUS4HELP]

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

[@TheMalekula]

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

[@andreiBylkin]

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

[@user-cb2bw2fx4j]

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

[@user-hr8wp4ry4p]

я это видео смотрел 4 раза. Теперь понял все)))

[@RUS4HELP]

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

[@user-ok1nx8os4j]

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

[@RUS4HELP]

@@user-ok1nx8os4j так и есть)

[@alexdang2357]

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

[@valeramischenko9391]

понять этот урок мне помог пересмотр в очередной раз предидущего 42го ))

[@zhenyalesnic]

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

[@user-ng7dd7fm6f]

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

[@itshnik_life]

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

[@bessuka]

как же все гениально кто кто придумал

[@kostiantynboiko1794]

В этом видео я понял, как устроено программирование! "Иии если повезет, то все сработает":)

[@DiRacer]

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

[@andreiBylkin]

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

[@mariia6820]

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

[@_e_mask]

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

[@mariia6820]

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

[@_e_mask]

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

[@mariia6820]

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

[@__kawaii]

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

[@bublik8961]

Спасибо за лучшие уроки по React.js в рунете. Смотрю дальше.

[@is_eliseeva]

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

[@MrBlackChildren]

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

[@MrBlackChildren]

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

[@crypto4elik]

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

[@MrBlackChildren]

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

[@crypto4elik]

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

[@MrBlackChildren]

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

[@romanpomin1967]

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

[@mikhailpopov4904]

Такс. Контейнерная компонента - это компонента, которая должна удовлетворять "чем-то таким грязным" презентационную компоненту. Записал. Спасибо!

[@GrourDenis]

Супер, спасибо ! Идем дальше...

[@SlimDwarfPavelIronfoot]

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

[@vladislavs6593]

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

[@evgeniyprowork]

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

[@yurikorabel5435]

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

[@vadimbrovich]

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

[@sergiokurilov152]

В очередной раз спасибо за выпуск! Пока урок ожидал начал про function connect() и mapStateToProps почитывать. Плюс документация React на русском вышла, так что есть чем себя занять!)

[@DubinArtur]

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

[@IgrikShit]

C какого то урока пошёл просто бред и маразм. Если в начале было все легко и интересно, то в какой то момент этот курс превратился в информацию ради информации. Код начал многоразово разносится по файлам, да так что чёрт ногу сломает. Я старался писать сам и у меня по другому называются почти все функции медоты и тд. И я не могу понять что за чем идёт и зачем здесь вообще нужно 80% от этого кода? Я даже не могу проанализировать свой код. Не могу ничего поменять. Зачем писать по 40 минут всякий бред а на следующем уроке переписывать потому что мы специально написали не правильно что бы понять что это неправильно. Сначала прокидывали колбеки, потом стор, а теперь и это переписываем. ЭТО ПРОСТО БРЕД! И по лайкам это видно упали в два раза. Лайкают только самые упоротые, 90% из которых и сами не понимают что здесь происходит. Короче что бы спасти этот видеокурс. Нужно просто создать новый проект с редюксом и сразу писать только одну страницу ПРАВИЛЬНО ЧТО БЫ НЕ ПЕРЕПИСЫВАТЬ 10000000 РАЗ, простую компоненту а не с кучей подкомпонентов. ДАЙТЕ ПОНЯТЬ ЧТО ТАКОЕ РЕДЮКС НА ПРОСТОМ ПРИМЕРЕ. а потом углубляейте код.

[@IgrikShit]

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

[@ITKAMASUTRA]

спасибо большое за детальную обратную связь! Понимаю боль вашу! Студенты тоже в офлайне страдают, но получают поддержку и ОЧЕНЬ легко находят работу! Упоротым быть нужно, иначе не быть программистом) 100% факт!) Простых примеров в сети по редаксу - ТЬМА!!! Многократно, ребят, повторяю: читайте доку, смотрите паралелльно другие проекты. Мы подошли уже в принципе практически к продакшен коду (но если честно, нет).. И будем писать более правдоподные вещи. Но нас впереди ждёт ajax в компоонентах.. потом анализ, почему это плохо и почему у нас есть thunk.. потом запутанные воркфлоу с санками и ... приход к сагам. Потом селекторы... Анализ неэффективности и переход к reselect, потому самописыне формы и... Переход к redux-forms... Путь непростой!.. Где-то постараюсь всё же ускориться и .. пересмотреть немного свой подход!

[@IgrikShit]

@@ITKAMASUTRA извиняюсь за грубость, вчера в состоянии раздражения написал. Сегодня выспался с новыми силами прошел всё приложение через дебагер, нашел ошибку. Но все таки из за того что мы писали сами стор сначала, а потом его переделывали под редюкс не мог вникнуть какие функции втроены в редюксе, а какие нужно дописывать. Что бы понять что диспатч и getState уже в редюксе пришлось читать отдельную статью. Ну возможно это даже хорошо. Просто хотелось бы что бы хоть какой то компонент сразу с нуля написали с помощью редюкса. А то мы скопировали и вставили часть самописного стора в редюксовский стор, и это просто вынесло мозг

[@user-tb5bz2kn4w]

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

[@user-ds7ct2vy1d]

дико плюсую и смеюсь с твоего коммента)) Как успехи то, не бросил?)

[@sophiet1694]

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

[@user-dv1xv3co7o]

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

[@maximshparik7070]

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

[@spacerider9426]

Спасибо огромное за твой труд! Смотрю дальше!

[@user-go1bi2zh1r]

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

[@user-dw7uu9wo1v]

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