КОГДА и КАК нужно писать HOC(Higher-Ordered Component) в ReactJS? | Front-End practice

В этом видео вы узнаете в каких случаях необходимо добавлять и использовать HOC-и в своих проектах. Так же раскрываю какие проблемы они решают на примере ReactJS component c пошаговыми этапами имплементации. Да, в этом видео есть живая практика и примеры - так что надеюсь оно вам будет полезными и вы уже начнете их внедрять в ваш проект=)
============
Всем спасибо и приятного просмотра!
00:00 - 01:25 - когда понял что HOC мне нужен?
01:25 - 04:46 - проблемы в коде которые решает HOC
04:46 - 05:51 - что такое HOC?
05:51 - 11:45 - реализуем HOC
11:45 - 12:29 - что еще почитать?
12:29 - 13:45 - чего нельзя делать в HOC?
13:45 - 14:16 - эпилог
=====
Если вы хотите меня поддержать:
Patreon: / aboutit
======
Инстаграм: / kuhotandrew. .
Фейсбук: profile.php?...
Твиттер: kuhot_andrew?t=FS...
=====
Всем привет, меня зовут Андрей и я работаю ReactJS разработчиком. Также интересуюсь алгоритмами и математикой. На этом канале я рассказываю о своем опыте работы программистом, про плюсы и минусы профессии. Еще буду рассматривать интересные для меня темы и подходы.
#программирование #ityoutubersru #itubeteam

[@user-iw9zi7qp4t]

Спасибо тебе братан! Теперь до меня дошло)))

[@user-we2rb4es8b]

Спасибо за видео!

[@aboutit6516]

Старался, но по просмотрам фиаско=) Видимо ХОКи уже никому не интересны, хотя сущестсвует много легаси и для понимания как либы работают очень даже полезно. Плюс на собесах до сих пор спрашивают

[@dzmitrykubarski1462]

Стоп!) а тут кажется грубая ошибка на 3:30 минуте. Ваша фраза - "как мы знаем, только у классовых компонентов есть состояние...." Подумал, что видео старое, а нет, ноябрь 2021 года)

[@aboutit6516]

да, скорее я хотел сказать что если хуки используете то и в ХОКах смысла нет(кастомные хуки можно писать). А если старый реакт на проекте, то да только в классовых стейт есть.

[@solio6999]

Спасибо! Область применение хоков стала понятнее! Интересно было бы послушать про архитектуру проектов react + redux, по каким принципам разделять бизнес-логику и UI, в каких местах обязательно должны быть ловушки ошибок...в общем все что касается организации кода сейчас делаю pet-project на react + redux и испытываю перманентную фрустрацию на тему архитектуры((

[@aboutit6516]

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

[@solio6999]

@@aboutit6516 нет пока, учусь на курсах...можно наверное сказать, что уже доучиваюсь)

[@aboutit6516]

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

[@anton5988]

в конце 21го года писать классовые компоненты 😆

[@aboutit6516]

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

[@igorkorenets1687]

@@aboutit6516 Меня тоже насторожила фраза - "Как мы знаем только в классовых компонентах может быть стейт"...

[@t1mee]

@@aboutit6516 разница в том, что для выноса логики сейчас используют кастомные хуки

[@chessclub92]

кто знает, что за шрифт на 5:13

[@romanroman4308]

спасибо! было бы неплохо ссылку на репу с кодом прикрепить

[@aboutit6516]

Возьму на заметку

[@anazkomult]

Слава Дэну что появились хуки.

[@aboutit6516]

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

[@piligr1m_ua_]

класи рілі??? )))))

[@nazar6715]

Я так розумію що Класи в реакт вже не модно?

[@tohadolinskiy7791]

​@@nazar6715не актуально

[@jurafree426]

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

[@aboutit6516]

ахах, принято)

[@alexleshenko]

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

[@BoffkaBoffka]

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

[@aboutit6516]

почему? это тема просто не для начинающих) я наврное спустя год работы начал ХОКи использовать

[@suslikest3708]

Это нужно руку набивать и всё. Без практики у всех такие проблемы с любой новой темой или либой.

[@user-ue8zr5wv1y]

Не тупи! С теми источниками обучения, что сейчас есть ты до этого уровня дойдешь за чуть меньше чем год. Зависит от того, что ты будешь учить. Кто-то учит сразу реакт и забивает на верстку (html css), что нормально для тех кто планирует быть болше разрабом, чем фронтом только. ФРонты бывают двух типов - 1) кто бэк ништяк знает, скуель и фроемворки с ТайпСкриптом 2) Те кто знают все фроемворки и могут дизайн офигенный и юзабельный сделать на изи, но у них хуже знания в бэке Знаю кучу историй, как люди за пол года обучались и влетали в АйТи и через год-два уже 150+ получали (если случаи 200+ и случаи около сотки)