Паттерн Render Props в ReactJS

Описание: #React #ReactJS

В этом видео поговорим о паттерне Render props в ReactJS, напишем примеры с разными кейсами где render props полезны, посмотрим на проп children и передадим в него аргументы.

Render prop - это функция, которая возвращает JSX, и эта функция используется как проп в компоненте.

К пропсам с таким поведением принято добавлять префикс render (renderContent), чтобы отличать обычные пропсы от тех что возвращают JSX.

Мы в соцсетях:
💻 Сайт: https://it-dev-journal.ru
💻 Telegram: https://t.me/devmagazinechannel
💻 Twitter:   / _devmagazine  
💻 GitHub: https://github.com/vadimkorr
☕️ Поддержать: https://www.donationalerts.com/r/devm...
📃 Исходный код: https://t.me/devmagazinechannel/68

Курсы и плейлисты:
💡 Паттерны 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