Темы:
Блок 1. Введение в React (Уроки 1–4)
• Что такое React, почему он популярен
• Установка окружения (Vite, npm, структура проекта)
• JSX и базовые компоненты
• Props, state и события
Блок 2. Хуки и взаимодействие с пользователем (Уроки 5–8)
• useState и useEffect
• Обработка событий, работа с формами
• Контролируемые и неконтролируемые компоненты
• Практика: простое todo-приложение
Блок 3. Стилизация и компоненты UI (Уроки 9–12)
• Tailwind CSS: подключение и принципы
• Библиотеки UI (shadcn/ui, Radix UI)
• Адаптивность и reusability компонентов
• Практика: компонентная библиотека
Блок 4. Маршрутизация и структура приложения (Уроки 13–16)
• React Router DOM: маршруты, параметры, вложенные страницы
• SPA и разделение по страницам
• Ленивая загрузка и спиннеры
• Практика: мультистраничное приложение
Блок 5. Работа с данными и состоянием (Уроки 17–20)
• fetch / axios / async-await
• Работа с внешними API (например, JSONPlaceholder)
• Zustand: глобальное состояние без боли
• Практика: менеджер задач с API
Блок 6. Финальный проект и подготовка к продакшену (Уроки 21–24)
• Подключение библиотек (classnames, date-fns, uuid и др.)
• Архитектура: FSD или feature-based
• Сборка, деплой на Vercel
• Финальный проект + ревью