Паттерн Render Props в ReactJS

#React #ReactJS
В этом видео поговорим о паттерне Render props в ReactJS, напишем примеры с разными кейсами где render props полезны, посмотрим на проп children и передадим в него аргументы.
Render prop - это функция, которая возвращает JSX, и эта функция используется как проп в компоненте.
К пропсам с таким поведением принято добавлять префикс render (renderContent), чтобы отличать обычные пропсы от тех что возвращают JSX.
Мы в соцсетях:
💻 Сайт: it-dev-journal.ru
💻 Telegram: t.me/devmagazinechannel
💻 Twitter: / _devmagazine
💻 GitHub: github.com/vadimkorr
☕️ Поддержать: www.donationalerts.com/r/devm...
📃 Исходный код: t.me/devmagazinechannel/68
Курсы и плейлисты:
💡 Паттерны 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 - Что такое render props в ReactJS
00:28 - Пример DataProvider
04:22 - Пример с проп children
05:35 - Пример с отображением счетчика покупок на иконке корзины
#devmagazine #devmagazinechannel

[@azamatdzagoev2749]

Спасибо за годный контент🔥

[@user-gh3jr7qr3t]

Круто, спасибо)

[@Stas-ir3gh]

Ты на телефоне программируешь?

[@artyomsommer1843]

Окно с кодом слишком узкое. Можно или чуть уменьшить шрифт в редакторе, или скрыть справа проводник файлов

[@alexcherepanov2116]

вроде бы render props с хуками считается антипаттерном

[@maximhasp1]

Нужно ооооочень сильно постараться что бы сделать настолько бездарный пересказ документации в попытке объяснить render props.