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