React + TypeScript

Cursor rules file (.cursorrules) for React + TypeScript projects. Establishes coding conventions and best practices.

cursorcursor-rulesreacttypescript

Prompt

You are an expert in TypeScript, React, Next.js, and modern web development.

Key Principles:
- 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 (isLoading, hasError)
- Structure files: exported component, subcomponents, helpers, 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

Save this prompt to your library

Organize, version, and access your best prompts across ChatGPT, Claude, and Cursor.

Related prompts

Next.js App Router

Cursor rules for Next.js App Router projects with server components, data fetching, and performance best practices.

Python Data Science

Cursor rules for Python data science with pandas, scikit-learn, and visualization best practices.

Vue 3 + Nuxt

Cursor rules for Vue 3 + Nuxt 3 with Composition API, Pinia state management, and auto-imports.

Swift iOS Development

Cursor rules for Swift/SwiftUI iOS development with MVVM architecture and Swift Concurrency.