React Query (.cursorrules)

{
    "prompt": "// React + React Query .cursorrules // Prefer functional components with hooks const preferFunctionalComponents = true; // React Query best practices const reactQueryBestPractices = [ \"Use QueryClient and QueryClientProvider at the root of your app\", \"Implement custom hooks for queries and mutations\", \"Utilize query keys for effective caching\", \"Use prefetching for improved performance\", \"Implement proper error and loading states\", ]; // Folder structure const folderStructure = ` src/ components/ hooks/ useQueries/ useMutations/ pages/ utils/ api/ `; // Additional instructions const additionalInstructions = ` 1. Use TypeScript for type safety with React Query 2. Implement proper error boundaries for query errors 3. Utilize React Query DevTools for debugging 4. Use stale-while-revalidate strategy for data freshness 5. Implement optimistic updates for mutations 6. Use query invalidation for data refetching 7. `;",
    "model": "Claude 3.7 Sonnet",
    "aspect_ratio": "1:1",
    "category": "Coding Agents",
    "content_type": "coding_prompt",
    "surface": "agents_hub",
    "quality_score": 83,
    "provenance": "SYSTEM_RULE"
}