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

typescript-nodejs-react-vite-cursorrules-prompt-fi — правило Cursor

Правило задаёт стиль TypeScript-кода для Node.js, React и Vite, включая работу с TanStack Query, TanStack Router и Tailwind. Оно пригодится, если хотите сохранить единые договорённости при правках проекта.

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

Что делает 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

По шагам, с командами для каждой платформы: 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

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

Все правила IDE по теме «Фронтенд и UI» →
winui3 официальный github Правило задаёт рекомендации для WinUI 3 и Windows App SDK: от XAML и потоков до окон и MVVM. Пригодится, чтобы Copilot учитывал особенности настольных приложений Windows. ★ 40 451звёзд репо vue официальный github Правило задаёт Copilot стандарты Vue 3: Composition API, <script setup>, реактивность, Pinia и Vue Router. Пригодится, когда агент пишет компоненты в вашем стиле. ★ 40 451звёзд репо tanstack-start-shadcn-tailwind официальный github Правило задаёт Copilot стек TanStack Start, Shadcn/ui и Tailwind CSS и требует валидировать внешние данные через Zod. ★ 40 451звёзд репо tailwind-v4-vite официальный github Правило помогает подключить Tailwind CSS v4 к проекту на Vite через официальный плагин. Пригодится и для новой установки, и при переходе с v3. ★ 40 451звёзд репо svelte официальный github Направляет GitHub Copilot на стандарты Svelte 5 и SvelteKit 2: руны вместо старых сторов, типизация компонентов и безопасная работа с SSR. ★ 40 451звёзд репо power-bi-custom-visuals-development официальный github Правило для GitHub Copilot, которое подсказывает агенту, как писать кастомные визуалы Power BI на React, D3.js и TypeScript. ★ 40 451звёзд репо

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

typescript-vuejs-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту стиль кода на TypeScript в проектах с Vue.js. Пригодится, когда нужно, чтобы правки в компонентах выглядели единообразно. ★ 41 024звёзд репо typescript-vite-tailwind-cursorrules-prompt-file Правило для Cursor задаёт стиль кода на TypeScript во Vue-проектах со сборкой Vite и стилями Tailwind. Пригодится, когда агент пишет компоненты и вам нужен предсказуемый результат. ★ 41 024звёзд репо typescript-react-nextui-supabase-cursorrules-promp Правило задаёт контекст проекта на TypeScript, React и NextUI с Supabase. Оно пригодится, чтобы агент учитывал структуру интерфейса и потоки авторизации. ★ 41 024звёзд репо typescript-react-nextjs-cloudflare-cursorrules-pro Правило для Cursor, которое настраивает агента на TypeScript, Next.js App Router, React и инструменты Cloudflare. Пригодится, если проект живёт на этом стеке. ★ 41 024звёзд репо typescript-nodejs-nextjs-react-ui-css-cursorrules- Правило для Cursor задаёт стиль кода на TypeScript, Next.js App Router, React и Tailwind. Пригодится, если агент пишет компоненты иначе, чем вы привыкли. ★ 41 024звёзд репо typescript-nextjs-supabase-cursorrules-prompt-file Правило для Cursor, которое держит TypeScript-код на Next.js App Router и Supabase в одном стиле: серверные компоненты, Shadcn UI, Tailwind. ★ 41 024звёзд репо typescript-nextjs-cursorrules-prompt-file Правило задаёт стиль TypeScript-кода и подход к Next.js App Router, React и интерфейсу на Daisy UI с Tailwind. Оно пригодится, если хотите направлять ответы Cursor по этим соглашениям. ★ 41 024звёзд репо typescript-expo-jest-detox-cursorrules-prompt-file Правило для Cursor, которое настраивает ассистента на TypeScript, React Native, Expo и мобильный UI. Пригодится, если пишете приложение на Expo и тестируете его через Jest и Detox. ★ 41 024звёзд репо

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

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