Как использовать Компоненты высшего порядка ReactJS

#React #ReactJS
Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами. Функция (Higher Order component, HOC) может принимать компонент в качестве аргумента, что-то с ним делать и возвращать модифицированный (каким-то образом улучшенный) компонент. В этом видео рассмотрим примеры использования паттерна Компоненты высшего порядка в ReactJS.
Мы в соцсетях:
💻 Сайт: it-dev-journal.ru
💻 Telegram: t.me/devmagazinechannel
💻 Twitter: / _devmagazine
💻 GitHub: github.com/vadimkorr
☕️ Поддержать: www.donationalerts.com/r/devm...
Курсы и плейлисты:
💡 Паттерны ReactJS: • 🏆 Паттерны ReactJS
💡 Как пройти ReactJS собеседование: • 🚀 Собеседование React ...
💡 ReactJS хуки: • 🐠 React хуки
💡 Redux Saga: • 🍏 Redux Saga курс
💡 Redux: • ☕️ Redux курс
💡 Как создать слайдер на ReactJS: • 🎪 Как создать СЛАЙДЕР ...
💡 Все о ReactJS: • 📘 ReactJS
💡 Tailwind: • 🍃 TailwindCSS курс
💡 Svelte: • 🌴 Svelte курс
💡 Sass: • 📔 Sass курс
💡 GraphQL: • 💪 GraphQL
💡 JavaScript: • 📜 JavaScript
00:00 - Введение
00:15 - Инжектирование зависимостей с помощью компонента высшего порядка
03:06 - Пишем компонент Stats и оборачиваем в HOC
05:30 - Пишем HOC для добавления tooltip ов в компоненты
#devmagazine #devmagazinechannel

[@DevMagazineChannel]

Теория НОС 👉 th-cam.com/video/MbehBXyQPQ8/w-d-xo.html
Еще больше паттернов 👉 th-cam.com/play/PLmfIBo6rTVR7vVeFBPV3YrsXwk8wDbihw.html

[@user-mu2lr9zc7d]

Спасибо за видео, было полезно

[@user-eo7dv8yt8r]

Разве это актуально? Все на хуки + функциональные компоненты переходят же.

[@andTutin]

это классика это знать надо )))

[@user-wl2xp8yo6x]

С tooltip стало сразу все понятно, а вот с stat непонятно, почему там используется именно hoc, а не умный компонент? Ведь данный глупый компонент привязан к данным.