Освоение функций и компонентов высшего порядка в React || День 5

Добро пожаловать на пятый день цикла «15 дней шаблонов проектирования React» — чистый код стал проще! В этом видео мы подробно рассмотрим один из самых классических и мощных шаблонов проектирования React — компонент высшего порядка (HOC). До появления хуков этот шаблон был основным решением для обмена логикой с сохранением состояния между компонентами без дублирования кода. Даже сегодня, понимая его, вы становитесь более вдумчивым разработчиком React. ⚡ Что в этом видео: ✅ Концепция функций высшего порядка (HOF) в JavaScript. ✅ Как HOF вдохновили компоненты высшего порядка (HOC) в React. ✅ Создание приложения для просмотра фильмов с использованием HOC для многократно используемой логики извлечения данных. ✅ Сравнение HOC с пользовательскими хуками и понимание того, когда следует использовать каждый из них. ✅ Подводные камни, антипаттерны и как избежать чрезмерного использования HOC. ✅ Практическое задание, которое поможет вам закрепить полученные знания на практике. Это не просто теория — мы вместе проведём рефакторинг реального кода, чтобы вы сразу увидели результат. Таймкоды 0:00 — День 5 01:01 — Мы будем учиться 02:07 — Функция высшего порядка (HOF) 06:59 — Компонент высшего порядка (HOC) 10:00 — Приложение «Кино» 15:30 — HOC в коде (подготовка) 17:34 — Кодирование приложения «Кино» с помощью HOC 29:24 — Примеры использования 30:01 — Подводные камни и альтернативы 35:24 — Задания и подведение итогов Идеально для вас, если хотите узнать: Шаблоны проектирования React, которые делают ваш код масштабируемым и поддерживаемым Эволюция архитектуры React до и после внедрения хуков Реальные шаблоны повторного использования, которые можно применить в любом проекте React 📌 Подпишитесь и нажмите на колокольчик, чтобы не пропустить следующие эпизоды этого 15-дневного путешествия. ⭐ Подпишитесь: https://www.youtube.com/tapasadhikary ⭐ Присоединяйтесь: https://www.youtube.com/channel/UCaYr5yxgOyk599Mnb3TGh-g/join 💡 Если вам понравилось, посмотрите мою другую популярную серию: «40 дней JavaScript» ✅ Начните «40 дней JavaScript»: https://www.youtube.com/watch?v=t8QXF85YovE ✅ Вот ещё один путь обучения JavaScript, который я рекомендую: https://scrimba.com/t0js?via=tapascript ✅ Скачайте шаблон трекера «40 дней JavaScript»: Ссылка на шаблон: https://topmate.io/tapasadhikary/382755 Важные ссылки Присоединяйтесь к моему Discord: https://discord.gg/ux9BchWEW3 Подпишитесь на tapaScript на GitHub: https://github.com/tapascript Скачать шаблон: https://topmate.io/tapasadhikary/1737706 Репозиторий фейкового API: https://github.com/tapascript/fake-apis Использованный исходный код: https://github.com/tapascript/15-days-of-react-design-patterns Репозиторий кода React 19: https://github.com/atapas/code-in-react-19 👋 Понравилась моя работа? Спасибо! Присоединяйтесь как участник: https://www.youtube.com/channel/UCaYr5yxgOyk599Mnb3TGh-g/join Спонсор: https://github.com/sponsors/atapas Спонсор Мой блог: https://blog.greenroots.info/sponsor 🤝 Мои ссылки: Блог: https://blog.greenroots.info/ Подпишитесь на LinkedIn: https://www.linkedin.com/in/tapasadhikary/ Следите за моими работами на GitHub: https://github.com/atapas Обо мне: Тапас Адхикари — преподаватель tapaScript, энтузиаст технологий, писатель, ютубер, а также разработчик/участник проектов с открытым исходным кодом. Он — full-stack разработчик с богатым опытом создания SaaS-решений. Он — основатель платформы ReactPlay, которая развивается благодаря проектам с открытым исходным кодом и быстрорастущему сообществу. Подробнее о нём можно узнать на сайте https://tapasadhikary.com и https://tapascript.io #reactjs #шаблоныдизайна #курсReact #обучениеReact