React Component from Description
Builds a React component based on a text description
Create a React component based on a description.
Description: {description}
Styling: {styling} (Tailwind CSS / CSS Modules / styled-components)
TypeScript: yes
State management: {state} (useState / Zustand / Redux / stateless)
Requirements:
1. Functional component with TypeScript prop interfaces
2. Responsive layout (mobile-first)
3. Accessibility: aria attributes, keyboard navigation
4. Handle loading, error, and empty states
5. Memoization where appropriate (React.memo, useMemo, useCallback)
6. Storybook story for the component
7. Usage example in a parent component
8. Comments on complex parts
0 copies
Variables
Replace these variables with your own values before using:
{описание}{стилизация}{состояние}
Prompt info
💻
Category
Programming
AI model
Any model
Application
Быстрое создание UI-компонентов для React-приложений
ReactTypeScriptкомпонентфронтенд
Similar prompts
SQL Query Builder
Builds SQL queries from natural language descriptions
Output: Complete, optimized SQL query with explanation. Context: {{DATABASE_TYPE...
💻 ProgrammingAny model
0 copies
Unit Test Generator
Creates comprehensive unit tests with edge case coverage
Write unit tests for the following code. Language: {language} Test framework: {...
💻 ProgrammingAny model
0 copies
Regex Pattern Creator
Creates regular expressions with detailed part-by-part explanations
Output: Complete regex pattern with test cases. Context: {{LANGUAGE}} regex, use...
💻 ProgrammingAny model
0 copies