Практический проект на React + Vite

Соберите учебное SPA: список сущностей, страница детали, форма фильтра/поиска. Стек: Vite + React + React Router. Деплой — статика на любой хостинг.

Чек-лист сдачи

  1. Проект создан через Vite
  2. Минимум две страницы через Router
  3. Есть форма с контролируемыми полями
  4. Есть запрос к API с loading/error
  5. npm run build проходит без ошибок

Что дальше

TypeScript для строгости props, либо сравните подход с Vue. Для бэкенда — Node.js.

JavaScript

// npm create vite@latest my-app -- --template react
// cd my-app && npm i && npm i react-router-dom
// npm run dev

Практическое задание

Задание: сдайте репозиторий учебного SPA.

  • Vite + React Router
  • Список + детальная страница
  • Фильтр или поиск через controlled input
  • build без ошибок