React Query

1// React + React Query .cursorrules
2 
3// Prefer functional components with hooks
4 
5const preferFunctionalComponents = true;
6 
7// React Query best practices
8 
9const reactQueryBestPractices = [
10  "Use QueryClient and QueryClientProvider at the root of your app",
11  "Implement custom hooks for queries and mutations",
12  "Utilize query keys for effective caching",
13  "Use prefetching for improved performance",
14  "Implement proper error and loading states",
15];
16 
17// Folder structure
18 
19const folderStructure = `
20src/
21  components/
22  hooks/
23    useQueries/
24    useMutations/
25  pages/
26  utils/
27  api/
28`;
29 
30// Additional instructions
31 
32const additionalInstructions = `
331. Use TypeScript for type safety with React Query
342. Implement proper error boundaries for query errors
353. Utilize React Query DevTools for debugging
364. Use stale-while-revalidate strategy for data freshness
375. Implement optimistic updates for mutations
386. Use query invalidation for data refetching
397. Follow React Query naming conventions for consistency
40`;
41 
42