typescript react
Cursor rules for TypeScript development with React integration.
स्किल
// TypeScript React .cursorrules // Prefer functional components const preferFunctionalComponents = true; // TypeScript React best practices const typescriptReactBestPractices = [ "Use React.FC for functional components with props", "Utilize useState and useEffect hooks for state and side effects", "Implement proper TypeScript interfaces for props and state", "Use React.memo for performance optimization when needed", "Implement custom hooks for reusable logic", "Utilize TypeScript's strict mode", ]; // Folder structure const folderStructure = ` src/ components/ hooks/ pages/ types/ utils/ App.tsx index.tsx `; // Additional instructions const additionalInstructions = ` 1. Use .tsx extension for files with JSX 2. Implement strict TypeScript checks 3. Utilize React.lazy and Suspense for code-splitting 4. Use type inference where possible 5. Implement error boundaries for robust error handling 6. Follow React and TypeScript best practices and naming conventions 7. Use ESLint with TypeScript and React plugins for code quality `;
इसे कैसे लगाएं
1. Open the tool and start a new conversation, project or template. 2. Paste the text below wherever the tool keeps standing instructions — usually called system prompt, instructions, or persona. 3. Save it so it applies to every run rather than a single message.
क्या यह आपके काम आई?
यहाँ लिखने के लिए साइन इन करें।यह कहाँ से आई
and Related Rights in the Work and the meaning and intended legal