К основному содержанию
правило

react-graphql-apollo-client-cursorrules-prompt-file — правило Cursor

Правило задаёт Cursor подход к React-разработке с GraphQL и Apollo Client. Оно пригодится для единого устройства запросов, мутаций и компонентов.

Установить в Cursor · Вручную: положить файлы Все способы и платформы ↓
.cursor/rules/react-graphql-apollo-client-cursorrules-prompt-file.mdc
Открыть на GitHub

Что делает react-graphql-apollo-client-cursorrules-prompt-file

Правило ориентирует проект на функциональные React-компоненты с хуками и Apollo Client для управления состоянием и получения данных. Запросы предлагается выносить в query-компоненты, изменения данных оформлять мутациями, а повторяемые части запросов собирать во фрагменты. Для GraphQL-операций предусмотрены состояния загрузки и обработка ошибок.

В структуре проекта выделяются src/components/, src/graphql/queries/, src/graphql/mutations/, src/graphql/fragments/, src/hooks/, src/pages/ и src/utils/. Правило также задаёт Apollo Provider в корне приложения, пользовательские хуки для операций Apollo, TypeScript для типизации и использование кэша Apollo Client. Для отладки предлагаются Apollo Client DevTools, а для ошибок GraphQL — error boundaries. Область файла — **/*, но alwaysApply: false, поэтому автоматическое применение не включено.

Какие задачи решает

  • разложить GraphQL-запросы, мутации и фрагменты по папкам
  • организовать загрузку данных через Apollo Client
  • описать повторяемые операции Apollo в пользовательских хуках
  • обработать состояния загрузки и ошибки GraphQL
  • согласовать React-компоненты с TypeScript и кэшем Apollo

Примеры запросов агенту

  • Организуй React-компоненты для GraphQL через Apollo Client и функциональные хуки.
  • Разложи операции по src/graphql/queries/, src/graphql/mutations/ и src/graphql/fragments/, добавь пользовательские хуки.
  • Проверь обработку загрузки и ошибок GraphQL, настрой Apollo Provider и error boundaries.

Как установить react-graphql-apollo-client-cursorrules-prompt-file

Вручную: положить файлы

.cursor/rules/react-graphql-apollo-client-cursorrules-prompt-file.mdc

Во frontmatter: description, globs, alwaysApply

По шагам, с командами для каждой платформы: Cursor rules: файлы .mdc, четыре режима и замена .cursorrules

Вопросы о react-graphql-apollo-client-cursorrules-prompt-file

Как установить react-graphql-apollo-client-cursorrules-prompt-file в Cursor?

Разместите файл правила по пути .cursor/rules/react-graphql-apollo-client-cursorrules-prompt-file.mdc.

Что делает react-graphql-apollo-client-cursorrules-prompt-file?

Правило задаёт рекомендации для React-проектов с GraphQL и Apollo Client: структуру папок, работу с запросами и мутациями, хуки, кэш, типизацию и обработку ошибок.

Применяется ли правило ко всем файлам проекта?

Для правила задан шаблон **/*, но alwaysApply: false, поэтому его автоматическое применение отключено.

Исходный текст

react-graphql-apollo-client-cursorrules-prompt-file.mdc · CC0-1.0
---
description: "Cursor rules for GraphQL development with Apollo Client integration."
globs: **/*
alwaysApply: false
---
// 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
`;

© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules

Похожие правила IDE

Все правила IDE по теме «Фронтенд и UI» →
apollo-graphql Mindrally Скилл задаёт агенту правила работы с Apollo Client: запросы, мутации, фрагменты, кэш и оптимистичные обновления в React-проектах на GraphQL. CX Codex +1 677установок apollo-client apollographql Скилл ведёт агента по настройке Apollo Client 4.x в React: запросы, мутации, кэш, локальное состояние и разбор ошибок. CX Codex +1 5 600установок graphql-development Mindrally Набор правил для GraphQL: схема, типизированные клиенты, интеграция с React и Next.js. Пригодится, когда агент пишет резолверы и запросы. CX Codex +1 661установок apollo-server apollographql Помогает проектировать GraphQL-серверы на базе Apollo Server 5.x. Пригодится при настройке схемы, типизации резолверов и авторизации в Node.js. CX Codex +1 2 900установок nextjs-server-client-components wsimmonds Помогает выбрать между Server и Client Components в Next.js App Router, настроить чтение cookies, работу с searchParams и избежать смешивания клиентских и серверных API. CX Codex +1 360установок nextjs-client-cookie-pattern wsimmonds Скилл показывает, как из клиентского компонента Next.js выставить серверную куку через server action. Пригодится для тем, авторизации и языковых настроек. CX Codex +1 323установок

Из того же набора140

react-styled-components-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту стиль кода на React со styled-components: функциональные компоненты, тема через ThemeProvider, папка styles. ★ 41 024звёзд репо react-redux-typescript-cursorrules-prompt-file Правило задаёт стиль React-кода с Redux и TypeScript: функциональные компоненты, типизированные хуки и структуру проекта. Подключается к Cursor. ★ 41 024звёзд репо react-query-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту соглашения по React Query: где держать QueryClient, как называть хуки и ключи запросов. ★ 41 024звёзд репо react-native-expo-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту стек и структуру проекта на React Native с Expo. Пригодится, когда нужно, чтобы код в проекте писался единообразно. ★ 41 024звёзд репо rails-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту стиль разработки на Rails 8: генераторы, bin/dev, Solid-стек, Minitest и Hotwire. ★ 41 024звёзд репо qwik-tailwind-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту стиль кода на Qwik с Tailwind CSS: ленивые функции, сигналы, структура папок. Пригодится, когда проект на Qwik City и TypeScript. ★ 41 024звёзд репо qwik-basic-cursorrules-prompt-file Правило Cursor, которое задаёт агенту соглашения Qwik: ленивые функции с суффиксом $, сигналы, задачи и структура проекта на TypeScript и Vite. ★ 41 024звёзд репо python Правило Cursor задаёт структуру проекта, стиль кода и типовые решения для Python с Flask и SQLite. Пригодится, когда агент пишет код в вашем репозитории. ★ 41 024звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой