React GraphQL Apollo Client

1// React + GraphQL (Apollo Client) .cursorrules
2 
3// Prefer functional components with hooks
4 
5const preferFunctionalComponents = true;
6 
7// GraphQL and Apollo Client best practices
8 
9const graphqlBestPractices = [
10  "Use Apollo Client for state management and data fetching",
11  "Implement query components for data fetching",
12  "Utilize mutations for data modifications",
13  "Use fragments for reusable query parts",
14  "Implement proper error handling and loading states",
15];
16 
17// Folder structure
18 
19const folderStructure = `
20src/
21  components/
22  graphql/
23    queries/
24    mutations/
25    fragments/
26  hooks/
27  pages/
28  utils/
29`;
30 
31// Additional instructions
32 
33const additionalInstructions = `
341. Use Apollo Provider at the root of your app
352. Implement custom hooks for Apollo operations
363. Use TypeScript for type safety with GraphQL operations
374. Utilize Apollo Client's caching capabilities
385. Implement proper error boundaries for GraphQL errors
396. Use Apollo Client DevTools for debugging
407. Follow naming conventions for queries, mutations, and fragments
41`;
42 
43