Компоненты высшего порядка ReactJS (Higher-order components)
#React #ReactJS
Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами. Функция (Higher Order component, HOC) может принимать компонент в качестве аргумента, что-то с ним делать и возвращать модифицированный (каким-то образом улучшенный) компонент.
Рекомендую интересный канал о фронтенде
💡 https://t.me/frontendnoteschannel
Мы в соцсетях:
💻 Сайт: https://it-dev-journal.ru
💻 Telegram: https://t.me/devmagazinechannel
💻 Twitter: / _devmagazine
💻 GitHub: https://github.com/vadimkorr
☕️ Поддержать: https://www.donationalerts.com/r/devm...
Курсы и плейлисты:
💡 Паттерны ReactJS: • 🏆 Паттерны ReactJS
💡 Как пройти ReactJS собеседование: • 🚀 Собеседование React Frontend
💡 ReactJS хуки: • 🐠 React хуки
💡 Redux Saga: • 🍏 Redux Saga курс
💡 Redux: • ☕️ Redux курс
💡 Как создать слайдер на ReactJS: • 🎪 Как создать СЛАЙДЕР на ReactJS
💡 Все о ReactJS: • 📘 ReactJS
💡 Tailwind: • 🍃 TailwindCSS курс
💡 Svelte: • 🌴 Svelte курс
💡 Sass: • 📔 Sass курс
💡 GraphQL: • 💪 GraphQL
💡 JavaScript: • 📜 JavaScript
00:00 - Почему паттерн так называется
00:23 - Пример функции высшего порядка
01:28 - Еще один примеры функции высшего порядка
02:47 - Пример компонента высшего порядка для семейства компонентов
09:16 - Рекомендации по именованию HOC'ов
09:27 - displayName и дебаггинг
10:49 - displayName и ошибки в консоли
11:09 - Мысли про компоненты высшего порядка
#devmagazine #devmagazinechannel
Watch video Компоненты высшего порядка ReactJS (Higher-order components) online without registration, duration hours minute second in high quality. This video was added by user Веб-разработка - DevMagazine 28 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 8,452 once and liked it 309 people.