React-компонент
Создаёт типизированный React-компонент с обработкой состояний и доступностью.
СреднийПромпты для кода
Текст промпта
prompt
Создай React-компонент "{название_компонента}".
Описание: {описание_функциональности}
Стек: React 18+, TypeScript, {CSS Modules / Tailwind CSS / styled-components}
Требования:
- Функциональный компонент с хуками
- Полная типизация пропсов через interface
- Обработка состояний: loading, error, empty, success
- Доступность: aria-labels, keyboard navigation, семантический HTML
- Адаптивность: мобильные и десктопные экраны
- Мемоизация где нужно (useMemo, useCallback)
- Экспорт по умолчанию + именованный экспорт пропсов
Покажи пример использования компонента с разными пропсами.Вариации
Вариации этого промпта для других AI-инструментов скоро появятся.
Похожие промпты
Загрузка похожих промптов...