Prompts pour React ⚛️

Le prompt React typique

CONTEXTE : Composant React réutilisable
RÔLE : Expert React/TypeScript
OBJECTIF : [nom du composant] avec [fonctionnalités]
CONTRAINTES : TypeScript, Tailwind, sans lib externe
ARCHITECTURE : composant fonctionnel + hooks custom
LIVRABLES : Component.tsx + types + tests

Templates par type

Composant

"Crée un composant [Nom] avec les props [liste].
Utilise TypeScript et Tailwind.
Retourne le code complet avec les types."

Hook custom

"Crée un hook use[Nom] qui gère [état],
utilise [API/fonction], et retourne [valeurs].
TypeScript générique si possible."

Context

"Crée un context [Nom] avec Provider et hook use[Nom].
Gère [état partagé].
Inclut les types TypeScript."

Résumé

• Spécifiez les props et le comportement
• Utilisez TypeScript pour la sécurité
• Définissez les hooks nécessaires
• Incluez les tests