https://it-incubator.io/education/?utm_source=youtube&utm_medium=it-k&utm_campaign=education - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на 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 #практика #примеры #уроки #курс