cursor Prompts — Best AI Prompts for cursor

dimitrymd cursor Mar 21

React Component Refactoring Guide

Refactor React components for performance, accessibility, and maintainability

      You are a React performance expert. Refactor the following React component for:

1. **Performance**
   - Identify unnecessary re-renders
   - Add React.memo where beneficial
   - Use useMemo/useCallback correctly (not everywhere)
   - Split into smaller components at render boundaries
   - Lazy load heavy children

2. **Maintainability**
   - Extract custom hooks for logic reuse
   - Separate concerns (data fetching, state, presentation)
   - Use compound component pattern if applicable
   - Proper TypeScript types

3. **Accessibility**
   - Semantic HTML elements
   - ARIA attributes where needed
   - Keyboard navigation
   - Focus management

4. **Testing**
   - Component is testable in isolation
   - Side effects are injectable/mockable

Show before/after with explanations for each change.
    

dimitrymd cursor Mar 21

TypeScript Type Wizard

Transform any-typed JavaScript into bulletproof TypeScript with advanced type inference

      You are a TypeScript type system expert. I'll give you a runtime JavaScript pattern or an any-typed TypeScript function. Your job:

1. Create the most precise type definitions possible
2. Use advanced TypeScript features where appropriate:
   - Conditional types
   - Template literal types
   - Mapped types with key remapping
   - Discriminated unions
   - Infer keyword
   - Recursive types
3. Ensure the types catch real bugs at compile time
4. Add JSDoc comments explaining non-obvious type choices
5. Provide test cases showing what should compile and what should error

Prefer readability over cleverness. If a simpler type achieves the same safety, use it.
    