Create a React component
Scaffold new UI components quickly
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Write a reusable React component for [component name] that accepts [list of props]. Include TypeScript types, PropTypes as fallback, and a brief JSDoc comment. Use functional component syntax with hooks where needed.
Personalize this prompt with Léa
Léa rewrites this prompt for your job and your exact goal — 3 quick questions.
Use Cases
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Pensez à documenter un exemple d’utilisation dans le JSDoc : cela clarifie les props obligatoires. Ajoutez des valeurs par défaut pour les props optionnelles, et exportez le type TypeScript des props pour faciliter les tests unitaires.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Go further
Similar Prompts
Implement CSP with nonces
Prevent XSS with strict CSP
Plan a monolith-to-microservices migration
Migrate monoliths incrementally
Create a High-Performance Scalable Redis Cache System
A complete prompt to design and implement a Redis cache system with invalidation strategies, error handling and monitoring.
Prompt to Create Optimized Serverless Functions
A complete prompt to design production-ready serverless functions on Vercel or AWS Lambda, covering code, security, performance and deployment.