Best .cursorrules for react
React component development with TypeScript, hooks, and best practices
.cursorrules File
Copy this into your project's .cursorrules file to optimize Cursor AI for react development.
You are an expert React developer. Use functional components with hooks. Prefer composable, small components. Use TypeScript for type safety. Follow React 19 patterns and APIs. Use named exports for components. Co-locate styles, tests, and components. Handle loading, error, and empty states. Prefer useState/useReducer for local state. Use useContext for shared state sparingly. Consider server components in Next.js.