69 - React JS - High Order Component (hoc)

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR: Front-end https://it-incubator.io/front-end/?ut... Back-end https://it-incubator.io/back-end/?utm... Поддержать меня можно на patreon   / 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:    • Курс "React JS - путь самурая 1.0", уроки,...   Сайты: https://it-kamasutra.com https://it-incubator.eu https://samuraijs.com Мы в соц. сетях: https://vk.com/itkamasutra   / itkamasutra   https://telegram.me/itkamasutra Мои личные VK и Insta: https://vk.com/d.kuzyuberdin   / it.kamasutra.dimych   #hoc #HighOrderComponent #КомпонентВысшегоПорядка #reactjs #практика #примеры #уроки #курс