Back to Prompts
React
React Component Generator with TypeScript and Tests
Neura Editorial April 24, 2026
0 copies 0 likes
Generate complete React components with TypeScript types, props interface, stories, and unit tests in one prompt.
Prompt
Create a new React component called [ComponentName]. Requirements: - TypeScript with explicit Props interface exported - Use functional component with React.FC<Props> - Implement proper ref forwarding with React.forwardRef if needed - Add JSDoc comments on the Props interface and component - Include default props where sensible - Create a companion [ComponentName].test.tsx file with: - Render test - Props validation tests - User interaction tests using @testing-library/react - Accessibility tests (role, aria-label) - Follow the existing component patterns in this codebase - Use existing design system tokens/classes, not arbitrary styles - Handle loading, error, and empty states
How to Use
Replace [ComponentName] with your desired name. Use in Cursor Composer (Cmd+I) for multi-file generation. Reference existing components in your project for consistency.
Comments
More Prompts
View allDevelopment
Cursor .cursorrules Generator
Generate optimized .cursorrules files tailored to your project's tech stack, conventions, and team preferences. Covers TypeScript, Python, Rust, Go, and more.
C
CommunityDevelopment
Cursor Agent Mode Full-Stack Builder
Leverage Cursor's Agent mode to build complete features end-to-end. Handles file creation, terminal commands, dependency installation, and multi-file edits in one flow.
C
CommunityNext.js
Next.js API Route Builder with Validation and Error Handling
Generate robust Next.js API routes with Zod validation, error handling, rate limiting, and TypeScript types.
N
Neura EditorialDatabase
Database Schema Designer with Migrations
Design database tables with proper types, constraints, indexes, and migration files for PostgreSQL/Supabase.
N
Neura EditorialPython
Python FastAPI Endpoint with Pydantic Models
Generate FastAPI endpoints with Pydantic request/response models, dependency injection, and async database operations.
N
Neura EditorialTesting
Comprehensive Unit Test Suite Generator
Generate thorough unit test suites with edge cases, mocking, and coverage for any function or module.
N
Neura Editorial