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

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

Front-end

Back-end

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

Функциональной компоненте нужны данные! Вот контейнерная и даст ей их, взяв всю грязную работу на себя!

* Сайты:

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

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

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

[hilarious-_-]

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

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

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

[BiGSplush]

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

[kaarabasbarabas]

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

[AndersBulon]

Привет всем из 2022 года!!! На этом выпуске, где то посередине, реально почувствовал что мозг начинает "пробуксовывать"))). Сделал усилие досмотрел до конца. Хотя детальный ход мыслей потерял. Подумал, про себя конечно ))), что "-вот я тупой" и пошел спать.
НО!!!!
Все же отложил в уме три момента:
1) DUMB-Компоненту нужно оставить чистой (без добавления store)
2) Для того чтобы пункт 1 осуществить, нужно создать компоненту-оболочку или компоненту-контейнер, которая и будет содержать store и все прочее из мира BLL.
3) Компонента-контейнер содержит в себе DUMB-компоненту (на то она и контейнер))) ) и в JSX разметке рисует её передавая ей все необходимое пропсами.

УТРОМ. Решил не пересматривая видео почистить DUMB-компоненту от всей информации о BLL, а для этого создать компоненту-контейнер и всю эту логику перекинуть туда. Провозился пару-тройку часов. И.... Все Глаза боятся а руки делают!
НО!!!!
Будьте предельно внимательны и держите постоянно перед глазами открытый файл store.js чтобы видеть его архитектуру и понимать как нужный метод или объект из store достать.


ВСЕМ УСПЕХОВ И НЕ ОПУСКАЙТЕ РУКИ, ДЕРЗАЙТЕ И ВСЁ ПОЛУЧИТСЯ!!!

[Elvolvers]

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

[anazkomult]

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

[nfycxzb]

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

[trippertripperovich]

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

[midnightstar_zoriana]

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

[cobwowcobwow]

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

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

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

[andreislashikov]

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

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

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

[anastasiyakobyzeva]

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

[ronallik]

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

[artemy]

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

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

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

[Jesus_On_Extasy]

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

[skynet]

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