69 - React JS - High Order Component (hoc)

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR: Front-end https://it-incubator.io/front-end/?utm_source=youtube&utm_medium=it-k&utm_campaign=education Back-end https://it-incubator.io/back-end/?utm_source=youtube&utm_medium=it-k&utm_campaign=education Поддержать меня можно на patreon https://www.patreon.com/itkamasutra или оформив спонсорство на данном канале. Помогайте друг другу вот здесь: https://t.me/reactjs_samurai API: https://social-network.samuraijs.com/ HOC это: - High Order Component - Компонент Высшего Порядка - Функция, которая на входе в параметрах принимает компонент, а на выходе возвращает новый компонент - контейнерный компонент для переданного в параметрах компонента. HOC позволяет нам применять какое-то поведение к разным компонентам, не дублируя код. Иначе: HOC позволяет нам создавать однотипные контейнерные компоненты для разных целевых компонент. А задача контейнерной компоненты - дать целевой презентационной компоненте какие-то данные\поведение. Из популярных всех известных HOC-ов мы с вами уже знаем connect и withRouter Правда connect - не совсем HOC если совсем придраться уже: connect после первого вызова вернёт нам HOC. И мы его уже вызываем второй раз. А сама функция connect не может быть хоком, так как она принимает mapStateToProps и mapDispatchToProps, а настоящий HOC должен принимать в параметрах КОМПОНЕНТ. Вот такие пироги!!! Летим, самураи! Летим, самураи ;) Уроки по React JS: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8 * Сайты: https://it-kamasutra.com https://it-incubator.eu https://samuraijs.com * Мы в соц. сетях: https://vk.com/itkamasutra https://instagram.com/itkamasutra https://telegram.me/itkamasutra * Мои личные VK и Insta: https://vk.com/d.kuzyuberdin https://www.instagram.com/it.kamasutra.dimych/ #hoc #HighOrderComponent #КомпонентВысшегоПорядка #reactjs #практика #примеры #уроки #курс