Паттерн Compound Components в React - Составные компоненты
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- #React #ReactJS
Составные компоненты (Compound Components) в ReactJS - это такой паттерн, в котором взаимосвязанные компоненты используются вместе. Эти компоненты используют общее состояние для общения друг с другом. Сам Compound Component состоит из нескольких компонентов поменьше, которые обычно объединяют в единый namespace.
В этом видео напишем компонент с использованием паттерна Compound Components.
Мы в соцсетях:
💻 Сайт: it-dev-journal.ru
💻 Telegram: t.me/devmagazinechannel
💻 Twitter: / _devmagazine
💻 GitHub: github.com/vadimkorr
☕️ Поддержать канал: www.donationalerts.com/r/devm...
📃 Исходный код: t.me/devmagazinechannel/89
00:00 - Что такое Compound Component
02:33 - О примере AnswerSelector
05:03 - Пишем компоненты AnswerSelector
07:01 - Пишем родительский компонент AnswerSelector
10:22 - Пишем кастомный хук useEffectSkipMount
18:17 - Пишем Radio компонент
26:37 - Пишем Question компонент
28:44 - Пишем хэндлеры для сохранения ответов
33:32 - Защита компонентов от использования вне AnswerSelector
35:13 - Плюсы и минусы Compound Component
#devmagazine #devmagazinechannel
Супер, однозначно лайк! Хотелось бы в будущем побольше роликов с паттернами.
Хорошо изложено, хотелось бы ещё подобных видео, например, как создавать нормальный UI-кит базовых компонентов (кнопки, ссылки и т.д.)
Спасибо! UI-кит это серьезная тема... надо подумать)
Годнота подехала))
Молодец очень годные видосы, красавчик просто!
Спасибо!
Если есть возможность сделай пожалуйста файлик с вопросами для собеседования по js и react, думаю что ты тимлид и наверняка их проводишь, если получится то и ответами тоже
спасибо
👉 Больше видео по ReactJS th-cam.com/play/PLmfIBo6rTVR4OGBHkgPUst49WliEAkZDc.html
👉 Паттерны ReactJS th-cam.com/play/PLmfIBo6rTVR7vVeFBPV3YrsXwk8wDbihw.html
👉 Курс по Redux th-cam.com/play/PLmfIBo6rTVR70B7skhP5BtczReJMZQ0Vd.html
👉 Курс по Svelte th-cam.com/play/PLmfIBo6rTVR5XNcJxu8TwzEvIDUCAhGc6.html
Дорогой автор, я понимаю, что современные IDE и редакторы кода позволяют нам писать JSX разметку в файлах .js, а также они понимают когда мы используем реакт. Но, пожалуйста, хотя бы импортировать сам реакт внутрь соизвольте. Вас же, бывает, смотрят совсем новички, которые, как и большинство самоучек, повторяют по видео и запоминают шаблон написания компонентов.
В версиях реакта начиная с 17, не обязательно импортировать реакт. ИДЕ тут не при чем, читайте доки разрабов, а потом наговаривайте на блогера