69 - React JS - High Order Component (hoc)

[@DmitryJT50]

"смерть Кощеева - на конце иглы, та игла в яйце, то яйцо в утке, та утка в зайце, тот заяц в сундуке, а сундук стоит на высоком дубу" Мне кажется, Кощей что-то знает про React....

[@ses33320022002]

😁

[@ПетроПотрошенко]

Или разработчики реакта русские сказки и матрёшки любят :)

[@ivank.1193]

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

[@ЮлияКотлярова-ю8л]

"Дублировать код это гавнокодить, Оторвать тебе руку, Ты - больше не самурай!" (с) Димыч

[@Canaillee]

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

[@indigosay]

за кем гонитесь-то? За знаниями или за другими людьми?)

[@oleksandr_h]

этот курс зе бест

[@ainz8656]

@@oleksandr_h спешу тебя огорчить , курс устарел как синтаксически , так и концептуально.Вот 2.0 хорош

[@oleksandr_h]

@@ainz8656 к 2.0 плавно приближаемся )

[@Medulla_oblongata01]

ну что устроился?

[@andreiribac6284]

Субботний вечер - 31.07.2021. Время 22:44, а я не бритый, не мытый, в жару осваиваю HOC-и! Всем удачи, Димычу спасибо!

[@ruslanfomin4648]

аналогично, мужик) пусть и говорят, что 1.0 уже устарел, хочу его пройти, всё усвоить и приступить к 2.0

[@mediontamginskii5889]

Да мужик! Лучше быть не мытым, не бритым и пахнущим мужиком который знает react HOC чем наоборот!!!))))

[@ihorshtohryn]

Дякую велике Дімич! Дуже інформативне відео!

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

Тема про High Order Component зашла !) Как всегда очень понятно объяснил что такое HOC

[@НиколайРумянцев-д5у]

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

[@AlenaHrudavenka]

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

[@lvan_lvanov]

привет, ты устроилась?

[@__maxsoul643]

Спасибо за урок. Лично для меня показалось сложнее, чем redux-thunk

[@MellRokk]

симметрично!

[@midnightstar_zoriana]

27:42 как раз идеально понятно - скобки, внутри еще скобки.. Спасибо, Димыч!

[@eugene-dmitrievich]

Спасибо за урок! HOC high-order component

[@kenanhaciyev3759]

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

[@АндрейФилимончик-ю9у]

High Order Component (hoc) Все круто, летим дальше!)))

[@drdev_blog]

как же круто понимая теорию перед кодингом Димыча писать код и потом сверять, настоящая камасутра 🚀🚀🧑🏻‍💻🧑🏻‍💻

[@MaxKievSky]

Сегодня 4я неделя моего пребывания джуном. Все супер, есть пару менторов, все очень сложно и абсолютно не так как на курсках, уроках, но твои видосы, Димыч, приблизительно показывают что происходит в проектах, и это очень хорошо. hoc. hook, husky - c этим всем знакомлюсь только только... но реально видосики помогают.

[@bigenough2122]

как ощущения?

[@MaxKievSky]

@@bigenough2122 Ну уже могу поспорить иногда с мидлами и даже с синьорами, качать надо хуки, тут сейчас никто из синьоров в них не синьор, и можно "учить" синьоров, получая от них какието взаимные плюшки в виде объяснений или лояльного отношения. Да и нет уже джунского мондаража при решении каких то тасок. чувствуешь себя более спокойнее.

[@bigenough2122]

@@MaxKievSky а до этого бекграунд был?

[@MaxKievSky]

@@bigenough2122 С разработкой почти нет, флеш, и небольшая корректировка скриптов по типу ActionScript, да и пару курсов прошел, но learn.javascript помогло еще разобраться с некоторыми вещами, там есть обсуждение читателей. их тоже нужно читать. Ну и книги. чем больше тем лучше.

[@bigenough2122]

@@MaxKievSky а реакт как учил, и как долго путь твой длился?)

[@stanislavrud2306]

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

[@arsenypilipenko9013]

С начало все было понятно и просто, но в конце мозг нужно было напрячь, чтобы понять все эти вложенности) HOC - High Order Component!!

[@TatianaKlimenko]

Спасибо, Димыч! Супер-объяснение HOC - High Order Component. С каждым твоим уроком React становится ближе и понятнее.

[@serg11oz]

High Order Component (hoc) - хорошее объяснениевсе, Спасибо! Однозначно Like! Было понятно, но до момента второго оборачивания компоненты. Дальше стало вынос мозга - для понимания, нужно пересмотреть несколько раз )))

[@СтаниславСеменов-щ1п]

Connect в Connect-e одна из сложных тем восприятия и визуализации всего в сознании... Реально можно разорвать голову! Особенно, когда до рефакторинга пытался что-то свое замутить в Dialods на ранних этапах(типа зайдя в диалог заходишь в сообщения с этим диалогом)... Но, я думаю, надо сделать и топить дальше! Всем терпения, Самурайчики;)

[@yuritian8830]

У меня нет подходящих матов чтобы выразить благодарность и восхищение! Конечно, я только к 60-му видео начал понимать подачу материала. Но блин...оно этого стоит! 30.06.2023 -> #React-#Redux

[@midnightstar_zoriana]

ты прошел весь курс? нашел работу?

[@yuritian8830]

@@midnightstar_zoriana ага)) два раза)) я наткнулся на такой феномен "выученная беспомощность". Понял, что по меньше видео, по больше практики.

[@frozeninside5004]

И вот с этого момента я начал пересматривать занятия по 2 раза ! 😅 Спасибо ! High Order Component

[@plotitsyn]

ТОП среди курсов по ReactJS. Легкое, по-семейному теплое, объяснение High Order Component. Лучшее введение в hoc.

[@olegthesheriff]

Привет из солнечной Алматы. Ты делаешь нас чуточку умнее. Спасибо тебе за это!

[@kirill_nezhnyy]

1,5 часа сидел, пердел на этих HOC'ах. Зато понял) Спасибо за очередной урок! Бомбим дальше!

[@sos_voice_of_nature]

Лучшее объяснение React JS - High Order Component (hoc)

[@__online7250]

HOC не знала ранее, но очень понравилась эта функция, так как она упрощает код и его понимание . И понравилось то, что контейнерная компонента отрисованная функцией HOC - относительно, временная #hoc​ #HighOrderComponent​ #КомпонентВысшегоПорядка​ #reactjs​ #практика​ #примеры​ #уроки​ #курс

[@evgeniytitovskiy2848]

Последовал совету Димыча и перед этим выпуском прочел докуминтейшн. В итоге, уже имея представление о High Order Component пришел смотреть видос! Можно сказать, Димыч, привел в порядок мои неотесанные знания о HOC. Спасибо!

[@sophiet1694]

Отличный урок, с таким подробным объяснением становится совсем не сложно!! High Order Component!

[@ervinabliamitov2149]

Спасибо! Мозг взорван, но мотивация не пропадает, за это огромный респект!

[@ВладиславаВолкова-и7ы]

Пересматривала это видео 4 раза и про compose 2 раза. Итог - написала свой хок withLoading 😎 Тема сложная, но очень крутая и нужная , спасибо!!!

[@IgniosTyumen]

Ну вот, не зря сидел ждал видео=Р Лайк за лучшие уроки ReactJS, HOC. PS поздравляю с 6000 подписчиков=)

[@ITKAMASUTRA]

Спасибо, Антон! 🙏

[@artempavlenko5147]

80к ))))

[@eduardtobilko8958]

180k (8. 08. 2023)

[@tribisalex]

Димыч, это лучшее, что я нашел на просторах Инета! Ты молодец. Пояснения просто шикарные. По крайней мере когда смотришь просто все по полочкам разложено. Когда делаешь после, немного могу подсмотреть. Курс СУПЕР!!! HOC high order component

[@suiqrim]

Классный урок. 30 минут не мог реализовать. Я хотел сделать через функциональный hoc. Потом щелкнуло и я понял, что у меня уже используется один hoc, который я подсмотрел в комментариях в видео, где нужно было из URI взять параметры. Но этот hoc был прямо внутри файла с другой компонентой, поэтому я переделал в свой файл этот hoc и импортировал. Теперь у меня используется два хука и я более мене разобрался в теме.

[@ivanmiarkulau8320]

Капуста!) Очень много HOC один поверх одного, везде по чуток наша презентационная компонента себе собирает из high order component и в итоге возвращается с обогащенными пропсами) Спасибо за урок!) React HOC

[@fargutvest]

HOC high order component на примере redirect, withRouter рассмотренный ранее - это тоже HOC, connect - возвращает HOC HOC принимает на вход любую компоненту а возвращает контейнерную компоненту, но оборачивает принятую компоненту дополнительной логикой, в данном примере логикой решающей делать ли редирект, избавились от дублирования кода - просто каждый раз пишем вызов HOC когда хотим добавить новую компоненту и защитить ее редиректом, хоки принято назвать с приставкой with. Все круто! Спасибо!

[@АлексейМелентьев-ч3в]

второй раз смотрю, уже сделал интернет магазин с редаксом, параллельно, но конец этого урока - у меня просто мозги вскипели

[@naiz4005]

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

[@Snegurjan]

8:33 на рисунке мои глаза, когда я пытаюсь понять трудную тему 😂

[@o.t.1934]

Отличный урок, дружище. Твой курс помог мне сменить профессию строителя на фронтенд разработчика. Сейчас я джун в хорошой айти-компании. Набираюсь опыта на работе и подсматриваю некоторые фишки у тебя. Я обязательно тебя поддержу с первой зарплатки) не бросай этот курс.

[@ITKAMASUTRA]

Поздравляй, бро!!! И спасибо!!!! 🙏 скоро второй сезон!

[@АлексейЖуков-й6х]

Пытался понять эти HOCs, зачем и когда их использовать. Только на примере понял смысл HOC -ов и причину использования. Спасибо Димыч!

[@alik64]

Это просто выHOC мозга и дикий ХОКец 🤯 главное понять как этот ХОК собирать , потом уже легче! Спасибо за урок! 👍🏼 реакт редакс hoc react redux

[@MikhailKuklenkov]

Это тихий ужОс) Мозг вышел за пределы физического тела, Дима. Лайк поставил, мозг взорвался! Несмотря ни на что - летим дальше!

[@denff932]

коротко о hoc - я в восторге) . Про двойной connect конечно жутковато, но переварим, что делать

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

Удивительно, как такие сложные темы Дмитрий объясняет так понятно! Конечно, все благодаря базе, данной нам в предыдущих выпусках! Горжусь собой, однако, понимаю, что почти все это благодаря Дмитрию! Прекрасный курс по React - Redux! IT-KAMASUTRA мой любимый канал по программированию!

[@TRIZ-Bogatyregold]

Мне ситуация с HOС или хоками, абсолютно понятна! Я ищу только умиротворения и вот этой гармонии! ЖДем compose из следующего выпуска, чтобы понять как сделать все это более удобочитаемым!

[@ivansamoiliuk5451]

Ух! Придется еще пару раз пересмотреть эти хоки/hoc/high order components.

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

React JS - High Order Component (hoc) Спасибо, Димыч! Смотрю, учусь!

[@ДенКондрашов-я6х]

High Order Component в теории просто, а на практике взрыв мозга, пересматривать раза 2 минимум

[@КоровайченкоАлександр]

Хорошие уроки! Учитывая, что это бесплатно, что-же еще можно желать. Огромное СПАСИБО за проделанную работу. Cамодельный HOC - это просто дополнительный слой, в который можно что-то пробросить из mapStateToProps и вернуть то, что нам нужно - Redidect или Component

[@alexanonymous5823]

hoc взрывает мозг=)) спасибо большое!!!

[@abyrvalgfirst]

Спасибо! Главное всегда успевать поставить лайк до того как взорвётся мозг и разлетится по комнате.

[@ГалинаКузнецова-н1и]

очень понравилось изучение High Order Component (HOC)!!!

[@blogsylar]

25 ноября 2020 в 17.00 - 100.000 подписчиков! Поздравляю, Димыч!

[@spacerider9426]

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

[@arrowdev1042]

25:35, трудно? Та да.. есть такое, особенно после трудового рабочего дня, когда уже вязкость в мыслях, не летим... ползем потихоньку)) Благодарю за объяснение HOC-a.

[@ArtLokos]

HOC - high order component Эпизоды по 20-30 мин. это топчик. Не успеваешь устать от наплыва новой информации. Бомбим дальше

[@NJenyaBMW]

после вчерашнего занятия, закрепил свое понимание HOC'а, теперь я мастер по HOC'ам, спасибо, Димыч))

[@ITKAMASUTRA]

Летим, бро!!!

[@СергейПолукаров-з6г]

Higher Order Component (HOC). Все классно!!

[@АлександрАлександрович-л3х]

А-а-а! Для ProfileContainer вообще длиннющая запись получилась: export default withRouter(HOCRedirectToLogin(connect(mapStateToProps, mapDispatchToProps )(ProfileContainer))) Ёпрст! Работает!)) Класс!))

[@deGGenerate]

Круть, мне кажется с каждым выпуском я познаю как устроена вселенная

[@twainprod]

Просмотрел весь курс полностью, начал 2-й раз и дошел до этого выпуска. Со вторым разом ты понимаешь, насколько HOC'и крутая тема и как они нам облегчили жизнь! Очень круто, я доволен, что теперь разобрался! Спасибо, Димыч!

[@Димкинкоп]

High Order Component , все круто объяснил! Летим дальше!)))

[@АлександрТыршу-р5с]

Блин Димыч я спать не могу пойти, так всё интересно. Ты просто как сенсей-самурай ведёшь меня через туман React и своей катаной расфигачиваешь эту пелену непонимая технологий. Спасибо... то есть Аригато!)

[@alexandrgusletsov2567]

Димыч спасибо! До меня только что дошло : Сначала : Есть функции которые решают много задач Потом следующее видео : Давайте сократим код теперь ! Следующее видео: Давайте для сокращения напишем одну функцию! в конце : Не понятно? Сложно ? Есть ещё одна функция Потом заново по кругу , и так каждый раз когда функции накапливаются , мы придумывает код или функцию которая всё сокращает , но в начале всегда очень сложно, потом смотришь назад и становится легко то что было раньше а сложное опять впереди!

[@ДмитрийДмитриевич-ы2о]

Светлая тема редактора это жестко не привычно сматреть

[@КириллЛарисов]

Nice job , thx Dimasta! HOC , Redirect, classComponent ,block UI, login.

[@ОлегЄрмаченко]

Вы знаете что такое боль? Это когда ты 45 минут ищешь ошибку которой не существует, просто localhost подвис... Искал искал, плюнул, всё закрыл , посмотрел фильм. Думаю надо всё таки разобраться с hoc, запускаю IDE , стартую localhost, а оно работает ...

[@miguelgrushetckii4839]

Крутяк! такие вещи сильно помогут поддерживать код в будущем) нежели пилить сои костыли, лучше общепринятым разделением ответственности! Ты крут, Димыч! HOC, high order component, react, redux

[@alexandermarkin1200]

Ахаха Димыч! =))) "Что ты делаешь с мной, прекрати!"(с) Мне хочется обернуть голову руками, раза 3 - сначала withAuthRedirect, потом withRouter и еще раз connect-ом! HOC - это круто!

[@sashamalaahov8941]

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

[@MegaVaNushka]

хоки - изян! Благодаря тебе, Димыч :)

[@kondakov90]

Про hoc слышал, но не использовал. В принципе, можно в hoc вынести всю логику по определению залогинен ли пользователь или нет. Один раз в hoc прописать componentDidMount() { this.props.checkToken(); } и использовать, где хочешь. Спасибо! Как всегда полезно!

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

То чувство, когда redux-thunk взорвал мозг меньше, чем HOC. Но в любом случае это лучший курс по реакту. Не знаю, возможно ли найти настолько крутой бесплатный курс по React JS. Тут даже подтягивается нативный JavaScript

[@АлександрАлександр-о4ъ4у]

Так так, у меня нестыковачка!) 25:43 мы были залогинены, но обновляя на F5 у нас все слетело, и Димыч говорит все отлично)при обновлении наша компонента в HOC славливает первый стейт false и не ререндерится при обновлении пропса isAuth на true

[@АртемКосарев-е6и]

Я тоже это заметил, ты смог решить данную проблему?

[@АлександрАлександр-о4ъ4у]

​@@АртемКосарев-е6и дальше это баг пофиксится в уроках, но как подсказку закину, что было бы неплохо аутентификацию сделать 1 в компоненте app

[@АртёмРусалеев-ж2ь]

офигенно уроки становится проще

[@antonkonkin8229]

8:10 - Уходить в цитатник :)) Долго смеялся )) 10:00 Про ХОК, по сути классический шаблон Декоратор получается HOC зашли, спасибо, хорошо объяснил

[@ДмитрийПригульнов]

Ваше видео наверно 4-е которое я посмотрел по hok. И только теперь понял то что не понимал ранее. А еще рисуночки пондравились. С ними прям на много понятней. Еще раз благодарю

[@TheAzovStar]

Зашло! Смотрел с перерывом. Восхищаюсь и получаю кайф от такой подачи материала! hoc High Ordered Components explanation

[@СергейДудкин-ъ1я]

Димыч привет! Взрыв мозга конечно был), но не масштабный)!! Уверенно прём-летим дальше!! Огромное спасибо!!!

[@yourbadapple]

Взрыв мозга! то чувство когда решил просмотреть санк и хоки в один день... Спасибо за видео!

[@GrourDenis]

После всего что пройдено воспринимается легче, React hoc зашло

[@mishabutuzov]

Купил Premium Бэкэнда на год, Димыч спасибо за курс! 69 урок супер. Фшух фшух фух HOC High order component Redirect React

[@artemmazhulin765]

то чувство, когда redux-thunk & hoc заходят намного лучше, чем постраничный вывод и button disabled)

[@ВладиславБирюков-ш5э]

промисы посложней всего этого, просто нужно не торопиться, я понял урок с disabled и постраничным с первого раза. Что бы не запутаться в этом всем, просто иногда нужно облокотиться на кресло и в тишине задуматься о этом коде, который там написан, в голове все промотать, возможно полежать, переварить, я лично беру спинер, смотрю на него и собираю все в голове, помогает сосредоточиться, я это запомнил и могу смело использовать в будущем.

[@ВладиславШевель-м4к]

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

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

React JS - High Order Component (hoc) Огонь! Сложно, но интересно!!!

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

API, JS, TS,ajax State, Store, Dispatch ,Connect, Action, Route Provider, Reducer, mapStateToProps mapDispatchToProps, {...state}, Props React Redux ,withRouter redux-thunk Redirect Практика, cookie,login follow-unfollow api redux-thunk High Order Component (hoc) JavaScript курс React DAL, axios.create Веб разработка разметка best of the best!!! Спасибо за урок :)

[@Артем-ч7э9ъ]

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

[@denysm5599]

Спасибо за пояснения об HOC (High Order Component)! Пока просматривал видео, постоянно в коде забывал о том, что ОБЯЗАТЕЛЬНО нужно использовать return, когда делаем собственный instance axios, создаем на наших целей thunk, ну и при создании HOC. Нужны внимательность и практика. Благодарю Димыча за урок!

[@АлексейЖумаев-у7б]

hoc - очередной взрыв, Димыч молодец!!!

[@romanpomin1967]

Что такое High Order Component в теории, и для чего он нужен - это я понял. А вот как его использовать в коде... Нужно ещё пересматривать. Но все равно объяснения крутые) Димыч, респект!

[@romanpomin1967]

Пересмотрел второй раз, уже вышло осмысленно повторить реализацию своего High Order Component. Круто!) Дальше будем закреплять полученные знания... Летим!)

[@tema_skakun]

перед просмотром видео я начал читать описание под видео - оно немоного взрывает мозг, там Димыч выписал "соль" урока, но потом при просмотре немного легче понимать происходящее. рекомендую, может быть и вам зайдёт такой метод)) Спасибо, Димыч)) мчим, кавабанга) #hoc #HighOrderComponent #КомпонентВысшегоПорядка #reactjs #практика #примеры #уроки #курс

[@Артем-ы4х1ы]

Очень детально все объяснил, как обычно в принципе) некоторые моменты про High Order Component пришлось пересматривать по несколько раз) в целом - спасибо)

[@АлександрАлександрович-л3х]

Димыч, thunk по сравнению с hoc, сейчас кажется детским лепетом.)) Если вначале вроде всё понятно было, то потом - чем дальше в лес, тем ну его на...)) У меня сейчас такая каша с этими hoc, хотя к уроку почитал пару статей про hoc. Но, как обычно, когда дело касается практики, не всё так гладко. Ну что ж, когда голова пухнет от непонятностей, буду пересматривать, конспектировать, гуглить, и всё будет гут). Спасибо за насыщенный урок по HighOrderComponents!

[@hennadiipetrov1967]

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

[@SerhiiD11010]

Иногда чуствуется очень большое кол-во инфыб аж голова ватнеет. Пока не пересматривал какие то выпуски впринципе технологии понятны, могу сам их повторить на свежую голову :) Спасибо Димычу

[@marsonleonardovich4036]

High Order Component - best of the best)

[@alexey_horbunov]

HOC знал чуть-чуть, сейчас стало яснее намного, прямо стал понимать, урок вышел действительно интересным. Очень нравится, что есть возможность создавать такие конструкции. Да, сложно, но это одновременно и круто))) Летим

[@alexanderk4873]

HOC - это круто! И мозг активно шевелится