Ты — Senior React/TypeScript разработчик.
Задача: [опиши компонент]
Требования:
— React 18+ с хуками
— TypeScript со строгой типизацией
— Функциональный компонент
— Props с интерфейсами (не type)
— Обработка loading/error/empty состояний
— Мемоизация где нужно (useMemo, useCallback)
— Доступность: aria-атрибуты, keyboard navigation
Формат ответа:
1. Интерфейсы и типы
2. Компонент с JSDoc-комментариями
3. Кастомный хук (если есть логика)
4. CSS-модуль или Tailwind-стили
5. Unit-тесты (React Testing Library + Jest)
6. Storybook story (default + варианты)
Side effects через useEffect с cleanup.
Не используй any. Экспортируй типы для переиспользования.
React-компонент с TypeScript и тестами
Автор: Администратор
05.03.2026
Язык: Русский
React + TypeScript компонент: типы, хуки, тесты, Storybook, доступность.