Rédiger des stories Storybook
Documenter des composants dans Storybook
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Rédigez des stories Storybook 7 pour le composant React suivant : [COMPOSANT]. Incluez des stories pour tous les états principaux (défaut, chargement, erreur, vide), utilisez les contrôles Args pour toutes les props et ajoutez des vérifications avec l'addon a11y. Suivez le Component Story Format (CSF3).
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
Pour les stories d'erreur, simulez des retours d'API rejetés via des mocks (ex: `fetch.mockRejectedValue`) plutôt que des messages statiques : cela teste le comportement réel. Pensez aussi à exclure les props non pertinentes via `parameters.controls.exclude` (ex: `errorMessage` en état normal) pour éviter le bruit dans les contrôles Args.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Test d'idées d'activation
Générer des idées d'expériences d'activation
Révision du code à la recherche de bugs
Revue de code automatisée
Prompt ChatGPT pour générer du code JavaScript
ChatGPT est devenu un outil incontournable pour les développeurs JavaScript, qu'ils soient débutants ou expérimentés. Grâce à sa capacité à comprendre des instructions en langage naturel, il permet de générer du code JavaScript fonctionnel en quelques secondes : fonctions utilitaires, manipulation du DOM, appels API, algorithmes complexes ou encore composants interactifs. Mais la qualité du code produit dépend directement de la précision du prompt utilisé. Un prompt vague donnera un résultat générique, tandis qu'un prompt structuré — précisant le contexte, les contraintes techniques, le style de code attendu et les cas limites à gérer — produira un code propre, maintenable et prêt à intégrer dans votre projet. Dans ce guide, vous trouverez un prompt principal optimisé pour la génération de code JavaScript avec ChatGPT, ainsi que trois variantes adaptées à votre niveau. Que vous cherchiez à prototyper rapidement une fonctionnalité, à apprendre de nouvelles syntaxes ES6+ ou à produire du code production-ready avec gestion d'erreurs et typage JSDoc, ces prompts vous feront gagner un temps considérable tout en vous aidant à progresser.
Network policies pour micro-segmentation
Isoler les workloads avec des network policies