12 - Декомпозиция компонентов в React — Props и структура

Урок 12 курса React с нуля. Разбираем декомпозицию: выносим код в отдельные компоненты, передаём данные через props, делаем приложение читаемым и поддерживаемым. ⏱ Таймкоды: 00:00 — Интро 00:06 — Что такое декомпозиция компонентов 00:22 — Обновляем ветку dev, создаём новую 01:00 — Анализируем текущий код App.jsx 02:30 — Выносим форму логина в отдельный компонент 04:00 — Передаём props в компонент 06:00 — Выносим форму регистрации 08:00 — Создаём компонент Header 10:00 — Структура папок: components/ 12:00 — Рефакторинг: чистим App.jsx 14:00 — Проверяем работоспособность 16:00 — Коммит и Pull Request 18:00 — Merge в dev 18:23 — Следующий урок 🔗 React документация: https://react.dev 📱 Соцсети: Telegram: https://t.me/daonejuniorday ⚡️ Поддержать меня на Boosty: https://boosty.to/sovit #react #декомпозиция #props #компоненты #курсреакт #frontend #javascript #программирование #снуля