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
Réponds à 3 questions, Léa adapte le prompt à ta situation.
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.