#React #ReactJS
В этом видео поговорим о паттерне Render props в ReactJS, напишем примеры с разными кейсами где render props полезны, посмотрим на проп children и передадим в него аргументы.
Render prop - это функция, которая возвращает JSX, и эта функция используется как проп в компоненте.
К пропсам с таким поведением принято добавлять префикс render (renderContent), чтобы отличать обычные пропсы от тех что возвращают JSX.
Мы в соцсетях:
💻 Telegram:
💻 Twitter:
💻 GitHub:
☕️ Поддержать:
📃 Исходный код:
Курсы и плейлисты:
💡 Паттерны ReactJS:
💡 Как пройти ReactJS собеседование:
💡 ReactJS хуки:
💡 Redux Saga:
💡 Redux:
💡 Как создать слайдер на ReactJS:
💡 Все о ReactJS:
💡 Tailwind:
💡 Svelte:
💡 Sass:
💡 GraphQL:
💡 JavaScript:
00:00 - Что такое render props в ReactJS
00:28 - Пример DataProvider
04:22 - Пример с проп children
05:35 - Пример с отображением счетчика покупок на иконке корзины
#devmagazine #devmagazinechannel
1 view
513
257
2 months ago 00:24:53 6
Foose Design Hand Built Roadster “Impression“ Full Length Walkthrough
3 months ago 00:15:20 1
MCPE Full release - All colorful rarity names, NEW Banner patterns & Everything new update
3 months ago 10:44:08 2
PHP For Beginners - Complete Course (2023) [Check Comment for HD version Link]
3 months ago 01:40:37 1
MARVELOUS DESIGNER 3D | Лучший вводный урок
4 months ago 00:18:44 15
Model beautiful glasses in Redshift C4D! #tutorial #cinema4d #redshift
4 months ago 00:39:03 1
ERRA - IMPULSE FULL ALBUM (INSTRUMENTAL COVER) + TABS
5 months ago 00:42:01 1
FRIED EGG Crochet PILLOW Tutorial Beginners - EASY Free Crochet PATTERN - AMIGURUMI Sunny SIDE UP
5 months ago 03:07:52 1
Курс 13 - Этап №1 - Первые биты / Сэмплы / Ритмика
5 months ago 00:48:18 5
Animating Blender 3D Pattern With Geometry Nodes | Polygon Runway
5 months ago 00:15:07 16
Oscar Winner Animated Short Film 2022 | The Windshield Wiper
5 months ago 00:02:34 1
1. Вступительное слово {FL Studio для начинающих}
5 months ago 00:03:54 1
Silent Hill 2 - Opening FMV (Upscaled via Proteus AI Model)
6 months ago 00:22:03 5
Clipping mask & Layer Mask Difference in Photoshop | Color Range, Ripple | Graphic Design E1
6 months ago 00:00:38 1
Naomi Watt’s Balenciaga look at the Met Gala 2024
6 months ago 00:14:55 40
Marvelous Designer: Chapter 1 Tools Introduction
6 months ago 00:13:51 6
Marvelous Designer: Chapter 8 Rendering
6 months ago 00:03:42 2
Marvelous Designer: Chapter 7 Animation
6 months ago 01:42:42 4
Marvelous Designer: Chapter 3 Jacket
6 months ago 00:09:17 3
Marvelous Designer: Chapter 6 Full Assemble
6 months ago 00:11:29 6
Marvelous Designer: Chapter 2 Daz3d
6 months ago 00:37:37 1
Marvelous Designer: Chapter 4 Shirt
6 months ago 01:31:04 1
Marvelous Designer: Chapter 5 Pants
6 months ago 00:23:40 1
Need for Speed: V-Rally 2 PS1 Gameplay HD (Beetle PSX HW)
6 months ago 00:01:16 1
Geographus cone shell net feeding on sleeping fish