Таблица с бесконечной прокруткой

React приложение с таблицей, поддерживающей бесконечную прокрутку и форму добавления новых записей.

Технологии

• React + TypeScript
• Material-UI для компонентов интерфейса
• React Query для управления состоянием и кэшированием
• React Hook Form для работы с формами
• Zod для валидации
• Jest + React Testing Library для тестирования
• JSON Server для API

Установка и запуск

1. Установите зависимости:

npm install

2. Запустите JSON Server:

npx json-server --watch db.json --port 3000

или

npm run server

3. В отдельном терминале запустите приложение:

npm run dev

Функциональность

• Таблица с поддержкой бесконечной прокрутки
• Динамическая форма добавления записей с валидацией
• Автоматическое обновление данных после добавления новой записи
• Тесты компонентов

Структура проекта

src/
  ├── api/          # API клиент
  ├── components/   # React компоненты
  ├── types/        # TypeScript типы
  └── __tests__/    # Тесты

Тестирование

Проект включает тесты для:

• Компонента таблицы
• Компонента формы
• API интеграции

Запуск тестов:

npm test

Запуск тестов в режиме наблюдения:

npm run test:watch