Composant React avec TypeScript
Créer des composants UI réutilisables et bien typés
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Crée un composant React en TypeScript pour [description_composant]. Le composant doit : accepter des props typées avec une interface, gérer les états de chargement et d'erreur, être accessible (ARIA), inclure des tests unitaires avec React Testing Library, et utiliser [CSS_solution] pour le style. Fournis également un fichier Storybook.
Personnaliser ce prompt avec Léa
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
Cas d'usage
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Séparez la logique métier du rendu : créez un hook personnalisé (`useMonComposant`) pour gérer les états (loading/error/success) et un composant présentational pur. Cela rend les tests unitaires plus ciblés (testez le hook avec `renderHook`) et allège la documentation Storybook (exposez plusieurs stories : loading, erreur, données).
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Prompt pour rédiger un email de demande de devis professionnel
Un prompt complet pour générer un email de demande de devis structuré, professionnel et personnalisable selon votre secteur et votre interlocuteur.
Convertir CSS en Tailwind
Migrer du CSS classique vers Tailwind CSS
Accord de confidentialité (NDA)
NDA
Framework de métriques produit
Définir les métriques produit