• Разработка интерфейса
• Ваш первый компонент
• Импорт и экспорт компонентов
• Пишем разметку с JSX
• JavaScript в JSX с фигурными скобками
• Передача параметров
• Условный рендеринг
• Рендеринг списков
• Поддержание чистоты компонентов
• Понимание своего UI как дерева

• Добавление интерактивности
• Реакция на события
• Render и Commit
• Состояние как моментальный снимок
• Очередь обновлений состояния
• Обновление объектов в состоянии
• Обновление массивов в состоянии

• Управление состоянием
• Реагирование на ввод с помощью состояния
• Выбор структуры состояния
• Совместное использование состояния между компонентами
• Сохранение и сброс состояния
• Извлечение логики состояний в редуктор
• Глубокая передача данных с помощью контекста
• Расширение с помощью редуктора и контекста

• Внешний доступ
• Ссылка на значения с помощью Refsстояния
• Манипулирование DOM с помощью Refs
• Синхронизация с эффектамижду компонентами
• Возможно, вам не нужен эффект
• Жизненный цикл реактивных эффектов
• Отделение событий от эффектов
• Удаление зависимостей эффектов
• Переиспользование логики с помощью пользовательских хуков

Сначала запустите сервер разработки:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Откройте http://localhost:3000 с помощью браузера, чтобы увидеть результат.