react graphql apollo client

react graphql apollo client

Cursor rules for GraphQL development with Apollo Client integration.

cursor **/*

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

// React + GraphQL (Apollo Client) .cursorrules

// Prefer functional components with hooks

const preferFunctionalComponents = true;

// GraphQL and Apollo Client best practices

const graphqlBestPractices = [
  "Use Apollo Client for state management and data fetching",
  "Implement query components for data fetching",
  "Utilize mutations for data modifications",
  "Use fragments for reusable query parts",
  "Implement proper error handling and loading states",
];

// Folder structure

const folderStructure = `
src/
  components/
  graphql/
    queries/
    mutations/
    fragments/
  hooks/
  pages/
  utils/
`;

// Additional instructions

const additionalInstructions = `
1. Use Apollo Provider at the root of your app
2. Implement custom hooks for Apollo operations
3. Use TypeScript for type safety with GraphQL operations
4. Utilize Apollo Client's caching capabilities
5. Implement proper error boundaries for GraphQL errors
6. Use Apollo Client DevTools for debugging
7. Follow naming conventions for queries, mutations, and fragments
`;

كيف تثبتها 

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

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

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