Освойте шаблон Render Props в React — делитесь логикой без дублирования || День 4 скачать в хорошем качестве

Освойте шаблон Render Props в React — делитесь логикой без дублирования || День 4

Добро пожаловать на четвёртый день цикла «Шаблоны проектирования React»! В этом видео мы рассмотрим один из самых мощных (и исторически сложившихся) паттернов React — паттерн Render Props. До появления хуков этот паттерн был основным решением для совместного использования логики с сохранением состояния между компонентами без дублирования кода. Даже сегодня, понимая его, вы становитесь более вдумчивым разработчиком React. ⚡ Что в этом видео: ✅ Какую проблему решает паттерн Render Props в React? ✅ Как обеспечить совместное использование логики между компонентами без дублирования? ✅ Разница между «рендерингом» и «детскими элементами как функциями» (props) ✅ Реальные примеры использования (например, DataFetcher и MouseTracker) ✅ Подводные камни, альтернативы и то, как хуки эволюционировали из этой идеи ✅ Практическое задание для отработки полученных знаний Это не просто теория — мы вместе проведём рефакторинг реального кода, чтобы вы сразу увидели результат. Таймкоды 0:00 — Стоит ли изучать Render Props? 01:49 — Мы изучим 02:16 — Предварительные условия 02:43 — Проблема 04:15 — Настройка кода 05:30 — Проблема с грязным трекером 12:06 — Что такое шаблон Render Props? 13:55 — Реализация шаблона Render Props 21:41 — Children Prop 25:05 — Примеры использования 25:43 — Подводные камни и альтернативы 27:44 — Задача и что дальше? Идеально для вас, если хотите узнать: — Шаблоны проектирования React, которые делают ваш код масштабируемым и поддерживаемым — Эволюция архитектуры React до и после появления хуков — Реальные шаблоны повторного использования, которые можно применить в любом проекте React 📌 Подпишитесь и нажмите на колокольчик, чтобы не пропустить следующие эпизоды этого 15-дневного путешествия. ⭐ Подпишитесь:    / tapasadhikary   ⭐ Присоединяйтесь:    / @tapasadhikary   💡 Если вам понравилось, посмотрите другие мои популярные серии: «40 дней JavaScript» ✅ Начните «40 дней JavaScript»:    • Day 01: Introduction to JavaScript & Setti...   ✅ Вот ещё один путь обучения JavaScript, который я рекомендую: https://scrimba.com/t0js?via=tapascript ✅ Скачайте шаблон трекера «40 дней JavaScript»: Ссылка на шаблон: https://topmate.io/tapasadhikary/382755 Важные ссылки Присоединяйтесь к моему Discord:   / discord   Подпишитесь на tapaScript на GitHub: https://github.com/tapascript Скачайте шаблон: https://topmate.io/tapasadhikary/1737706 Репозиторий фейкового API: https://github.com/tapascript/fake-apis Использованный исходный код: https://github.com/tapascript/15-days... Код в репозитории React 19: https://github.com/atapas/code-in-rea... 👋 Понравилась моя работа? Спасибо! Присоединяйтесь как участник:    / @tapasadhikary   Спонсор: https://github.com/sponsors/atapas Спонсор моего блога: https://blog.greenroots.info/sponsor 🤝 Мои ссылки: Блог: https://blog.greenroots.info/ Подписывайтесь на X (Twitter):   / tapasadhikary   Подпишитесь на LinkedIn:   / tapasadhikary   Следите за моими работами на GitHub: https://github.com/atapas Обо мне: Тапас Адхикари — преподаватель tapaScript, энтузиаст технологий, писатель, ютубер, а также сопровождающий/участник проектов с открытым исходным кодом. Он — full-stack разработчик с богатым опытом создания SaaS-решений. Он — основатель платформы ReactPlay, которая развивается благодаря проектам с открытым исходным кодом и быстрорастущему сообществу. Подробнее о нём можно узнать на сайтах https://tapasadhikary.com и https://tapascript.io #reactjs #designpatterns #reactcourse #learnreact