Перейти к содержимому
AI Витрина

React-компонент из описания

Создаст React-компонент с TypeScript, стилями и пропсами по текстовому описанию

Создай React-компонент по описанию. Описание: {описание} Стилизация: {стилизация} (Tailwind CSS / CSS Modules / styled-components) TypeScript: да Состояние: {состояние} (useState / Zustand / Redux / без состояния) Требования: 1. Функциональный компонент с TypeScript интерфейсами пропсов 2. Адаптивная вёрстка (mobile-first) 3. Доступность: aria-атрибуты, keyboard navigation 4. Обработка loading, error, empty states 5. Мемоизация где уместно (React.memo, useMemo, useCallback) 6. Storybook story для компонента 7. Пример использования в родительском компоненте 8. Комментарии к сложным местам
0 копий

Переменные

Замените эти переменные на свои значения перед использованием:

{описание}{стилизация}{состояние}

Информация о промте

💻

Категория

Программирование

AI-модель

Любая модель

Применение

Быстрое создание UI-компонентов для React-приложений

ReactTypeScriptкомпонентфронтенд

Похожие промты

Построитель SQL-запросов

Создание оптимизированных SQL-запросов для сложных требований выборки и манипуляции данными

Output: Complete, optimized SQL query with explanation. Context: {{DATABASE_TYPE...

💻 ПрограммированиеЛюбая модель
0 копий

Генератор юнит-тестов

Напишет набор юнит-тестов для функции или класса, включая edge cases и моки

Напиши юнит-тесты для следующего кода. Язык: {язык} Тестовый фреймворк: {фреймв...

💻 ПрограммированиеЛюбая модель
0 копий

Создатель регулярных выражений

Разработка и тестирование регулярных выражений для различных задач валидации и парсинга

Output: Complete regex pattern with test cases. Context: {{LANGUAGE}} regex, use...

💻 ПрограммированиеЛюбая модель
0 копий