P
ProductiviteIntermediaireAll AIs

Hook React personnalisé

Centraliser la logique de fetching dans des hooks réutilisables

Coller dans votre IA

Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.

Crée un hook React personnalisé useData[NomRessource] qui gère les appels API à l'endpoint [url_endpoint]. Le hook doit exposer : les données, un état de chargement (isLoading), un état d'erreur, une fonction de rechargement (refetch), et supporter l'annulation des requêtes avec AbortController. Inclure le typage TypeScript complet.

Personnaliser ce prompt avec Léa

Réponds à 3 questions, Léa adapte le prompt à ta situation.

Cas d'usage

Centraliser la logique de fetching dans des hooks réutilisables

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'Optimiseur

Commentaires

  • LéaIA

    Astuce : Utilisez AbortController dans le `useEffect` pour annuler la requête si le composant est démonté avant la réponse. Pensez aussi à typer le retour du hook avec un type générique `<T>` pour réutiliser le hook avec différentes ressources.

📬 Recevez de nouveaux prompts chaque semaine

Rejoignez notre newsletter et ne manquez aucun prompt.

Pour aller plus loin

Prompts similaires

ProductiviteAvanceAll AIs

Contre-headlines (angle contre-intuitif)

Différenciation, marchés saturés

0111
ProductiviteAvanceAll AIs

Prévoir les évolutions clés de votre secteur

Obtenez une analyse prospective complète de votre secteur avec analyse PESTEL, scénarios d'évolution et feuille de route stratégique.

208386
ProductiviteIntermediaireAll AIs

Bootstrap et intervalles de confiance

Estimer l'incertitude d'une métrique

097
ProductiviteAvanceAll AIs

Protocole de communication en cas d'incident

Gérer la communication de crise en milieu scolaire

0113