React с Нуля 6: PROPS - Легкий Старт для Передачи Данных в React JS
Начнем с передачи данных в React. Это лёгкий старт при изучении React с Нуля. Добро пожаловать на 6 видео.
🧙♂️ плейлист "React ПОЛНОЕ погружение": • React: ПОЛНОЕ Погружение (От Новичка до Пр...
В этом видео (React с Нуля 6) вы освоите фундаментальную концепцию PROPS в React JS! Узнаете, как легко и просто передавать данные между компонентами, делая ваши приложения интерактивными и динамичными. Что такое PROPS в React и зачем они нужны. Синтаксис и примеры использования PROPS в React JS.
Это видео идеально подходит для начинающих React разработчиков!
Примеры кода, детальные объяснения и полезные советы помогут вам легко понять концепцию PROPS и начать создавать свои собственные React приложения! Не забудьте подписаться на канал, чтобы не пропустить новые уроки React: ПОЛНОЕ Погружение!
🎁 Супер-Бонус! Заберите готовый код примера передачи данных в компонентах: https://github.com/MrAlexandder/React...
00:00 зачем нужен props
00:34 что такое props
01:21 как передать props
02:20 как передать props в классовой компоненте
02:40 создание вкладки shopping
04:49 передаём props на примере shopping
06:16 классовый компонент и передача свойств через this.props
08:07 деструктуризация props в классовом компоненте react
08:56 значение по умолчанию в объекте props
09:40 оптимизация кода
10:14 Концептуальный принцип dry
09:40 оптимизируем компонент card через массив map с помощью props