react query

react query

Cursor rules for React development with React Query integration.

cursor **/*

المهارة نفسها 

// 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. Follow React Query naming conventions for consistency
`;

كيف تثبتها 

1. Open the tool and start a new conversation, project or template.
2. Paste the text below wherever the tool keeps standing instructions
   — usually called system prompt, instructions, or persona.
3. Save it so it applies to every run rather than a single message.

هل نجحت معك؟

من أين جاءت

PatrickJS and contributors CC0-1.0 الأصل

and Related Rights in the Work and the meaning and intended legal

هل نعد هذه الزيارة؟

هذا الموقع لا يحمل أي خدمة تحليلات ولا أي إعلان ولا أي خط من الخارج. نود أن نعدك مرة واحدة في اليوم، لنعرف إن كان أحد يقرأ هذا أصلا. بمفتاح باتجاه واحد يتلف بعد يومين، ويبقى مطفأ ما لم تقل نعم. ما الذي نحتفظ به