Custom React Hook
Centralize fetching logic into reusable hooks
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Create a custom React hook useData[RESOURCE_NAME] that manages API calls to the endpoint [URL_ENDPOINT]. The hook should expose: the data, a loading state (isLoading), an error state, a refetch function, and support request cancellation with AbortController. Include full TypeScript typing.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Use Cases
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
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.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Go further
Similar Prompts
Headlines (Counter-Intuitive Angle)
Differentiation, saturated markets
Forecast key evolutions in your sector
Get a complete prospective analysis of your sector with PESTEL analysis, evolution scenarios, and strategic roadmap.
Bootstrap and Confidence Intervals
Estimating metric uncertainty
Incident Communication Protocol
Managing crisis communication in a school setting