Programování Pokročilý Claude

React custom hook s TypeScript

Vytvoření reusable React custom hook s proper typing.

Vyplňte proměnné

4 polí

Např. vaše hodnota

Např. vaše hodnota

Např. vaše hodnota

Např. vaše hodnota

Náhled promptu

0 znaků
Vytvoř React custom hook pro [USE CASE].\n\n**Functionality:**\n[CO HOOK DĚLÁ - např. data fetching, form handling, local storage]\n\n**Requirements:**\n1. TypeScript s proper generics\n2. Error handling\n3. Loading states\n4. Cleanup (useEffect)\n5. Memoization (useMemo, useCallback)\n6. Dependencies správně\n\n**API:**\n```typescript\nconst { data, loading, error, refetch } = use[HookName]<T>(params);\n```\n\n**Include:**\n- Hook implementation\n- Type definitions\n- Usage examples (min 2)\n- Unit tests\n- JSDoc documentation\n\n**Avoid:**\n- React Hook rules violations\n- Memory leaks\n- Unnecessary re-renders\n\nReact version: [VERSION].

Legenda

Text v [hranatých závorkách] označuje proměnné, které je třeba vyplnit. Po vyplnění se automaticky nahradí vašimi hodnotami.

Tipy pro lepší výsledky

  • Buďte konkrétní - čím detailnější zadání, tím lepší výsledky
  • Používejte kontext - přidejte relevantní informace pro vaši situaci
  • Experimentujte - zkuste různé varianty a porovnejte výsledky