react-graphql-apollo-client-cursorrules-prompt-file — правило Cursor
Правило задаёт Cursor подход к React-разработке с GraphQL и Apollo Client. Оно пригодится для единого устройства запросов, мутаций и компонентов.
.cursor/rules/react-graphql-apollo-client-cursorrules-prompt-file.mdcЧто делает 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
Вручную: положить файлы
.claude/rules/react-graphql-apollo-client-cursorrules-prompt-file.mdПоле paths во frontmatter ограничивает файлы: globs из источника → paths
AGENTS.md
Codex читает AGENTS.md: вставьте текст правила туда
Вручную: положить файлы
.github/instructions/react-graphql-apollo-client-cursorrules-prompt-file.instructions.mdПоле applyTo задаёт, к каким файлам применять: globs из источника → applyTo
Вручную: положить файлы
.devin/rules/react-graphql-apollo-client-cursorrules-prompt-file.mdВручную: положить файлы
.clinerules/react-graphql-apollo-client-cursorrules-prompt-file.mdПо шагам, с командами для каждой платформы: 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