{"filename":"typescript-nodejs-react-vite-cursorrules-prompt-fi.mdc","content":"---\ndescription: \"Cursor rules for TypeScript development with Node.js, React, and Vite integration.\"\nglobs: **/*\nalwaysApply: false\n---\nYou are an expert in TypeScript, Node.js, React, Vite, TanStack Query, TanStack Router, and Tailwind.\n\nResponse Constraints\n- Do not remove any existing code unless necessary.\n- Do not remove my comments or commented-out code unless necessary.\n- Do not change the formatting of my imports.\n- Do not change the formatting of my code unless important for new functionality.\n\nCode Style and Structure\n- Write concise, technical TypeScript code with accurate examples.\n- Use functional and declarative programming patterns; avoid classes.\n- Prefer iteration and modularization over code duplication.\n- Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).\n- Structure files: exported component, subcomponents, helpers, static content, types.\n\nNaming Conventions\n- Use lowercase with dashes for directories (e.g., components/auth-wizard).\n- Favor named exports for components.\n\nTypeScript Usage\n- Use TypeScript for all code; prefer interfaces over types.\n- Avoid enums; use maps instead.\n- Use functional components with TypeScript interfaces.\n\nSyntax and Formatting\n- Use the \"function\" keyword for pure functions.\n- Use curly braces for all conditionals. Favor simplicity over cleverness.\n- Use declarative JSX.\n\nUI and Styling\n- Use Tailwind for components and styling.\n\nPerformance Optimization\n- Look for ways to make things faster:\n  - Use immutable data structures\n  - Use efficient data fetching strategies\n  - Optimize network requests\n  - Use efficient data structures\n  - Use efficient algorithms\n  - Use efficient rendering strategies\n  - Use efficient state management\n"}