typescript-nodejs-react-vite-cursorrules-prompt-fi — правило Cursor
Правило задаёт стиль TypeScript-кода для Node.js, React и Vite, включая работу с TanStack Query, TanStack Router и Tailwind. Оно пригодится, если хотите сохранить единые договорённости при правках проекта.
.cursor/rules/typescript-nodejs-react-vite-cursorrules-prompt-fi.mdcЧто делает typescript-nodejs-react-vite-cursorrules-prompt-fi
Правило охватывает все файлы по шаблону **/*. Оно просит агента сохранять существующий код и комментарии, не менять формат импортов и править форматирование только ради новой функциональности. Для компонентов предпочтительны функциональный стиль и именованные экспорты, для типов — интерфейсы вместо type и enum.
В правилах также заданы структура файлов, стиль JSX и использование Tailwind. Для производительности агенту предлагается учитывать выбор структур данных, загрузку данных, сетевые запросы и рендеринг. alwaysApply имеет значение false, поэтому правило не настроено на безусловное применение; проверьте, как Cursor активирует его для файлов проекта.
Какие задачи решает
- сохранить комментарии и формат импортов при правке TypeScript
- оформить React-компоненты в согласованном функциональном стиле
- выбрать соглашения для интерфейсов и именованных экспортов
- учесть загрузку данных и рендеринг при оптимизации интерфейса
Примеры запросов агенту
- Добавь React-компонент на TypeScript и сохрани существующий формат импортов.
- Переработай загрузку данных в приложении на TanStack Query, не удаляя комментарии.
- Проверь JSX и стили компонента, используя Tailwind и функциональный подход.
Как установить typescript-nodejs-react-vite-cursorrules-prompt-fi
Вручную: положить файлы
.cursor/rules/typescript-nodejs-react-vite-cursorrules-prompt-fi.mdcВо frontmatter: description, globs, alwaysApply
Вручную: положить файлы
.claude/rules/typescript-nodejs-react-vite-cursorrules-prompt-fi.mdПоле paths во frontmatter ограничивает файлы: globs из источника → paths
AGENTS.md
Codex читает AGENTS.md: вставьте текст правила туда
Вручную: положить файлы
.github/instructions/typescript-nodejs-react-vite-cursorrules-prompt-fi.instructions.mdПоле applyTo задаёт, к каким файлам применять: globs из источника → applyTo
Вручную: положить файлы
.devin/rules/typescript-nodejs-react-vite-cursorrules-prompt-fi.mdВручную: положить файлы
.clinerules/typescript-nodejs-react-vite-cursorrules-prompt-fi.mdПо шагам, с командами для каждой платформы: Cursor rules: файлы .mdc, четыре режима и замена .cursorrules
Вопросы о typescript-nodejs-react-vite-cursorrules-prompt-fi
Как установить typescript-nodejs-react-vite-cursorrules-prompt-fi в Cursor?
Добавьте файл правила по пути .cursor/rules/typescript-nodejs-react-vite-cursorrules-prompt-fi.mdc.
Что делает typescript-nodejs-react-vite-cursorrules-prompt-fi?
Задаёт соглашения для TypeScript-разработки с Node.js, React и Vite: от структуры файлов и JSX до сохранения импортов и комментариев.
Применяется ли правило ко всем файлам автоматически?
Шаблон файлов — **/*, но alwaysApply задан как false. Поэтому правило не настроено на безусловное применение.
Исходный текст
typescript-nodejs-react-vite-cursorrules-prompt-fi.mdc · CC0-1.0
--- description: "Cursor rules for TypeScript development with Node.js, React, and Vite integration." globs: **/* alwaysApply: false --- You are an expert in TypeScript, Node.js, React, Vite, TanStack Query, TanStack Router, and Tailwind. Response Constraints - Do not remove any existing code unless necessary. - Do not remove my comments or commented-out code unless necessary. - Do not change the formatting of my imports. - Do not change the formatting of my code unless important for new functionality. Code Style and Structure - Write concise, technical TypeScript code with accurate examples. - Use functional and declarative programming patterns; avoid classes. - Prefer iteration and modularization over code duplication. - Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError). - Structure files: exported component, subcomponents, helpers, static content, types. Naming Conventions - Use lowercase with dashes for directories (e.g., components/auth-wizard). - Favor named exports for components. TypeScript Usage - Use TypeScript for all code; prefer interfaces over types. - Avoid enums; use maps instead. - Use functional components with TypeScript interfaces. Syntax and Formatting - Use the "function" keyword for pure functions. - Use curly braces for all conditionals. Favor simplicity over cleverness. - Use declarative JSX. UI and Styling - Use Tailwind for components and styling. Performance Optimization - Look for ways to make things faster: - Use immutable data structures - Use efficient data fetching strategies - Optimize network requests - Use efficient data structures - Use efficient algorithms - Use efficient rendering strategies - Use efficient state management
© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules