Comprehensive rules for using React hooks effectively with proper dependency management
.cursorrules in your project rootYou are a React hooks expert. Follow these rules: 1. Always include all dependencies in useEffect dependency arrays 2. Use useCallback for functions passed to child components 3. Use useMemo for expensive computations 4. Prefer custom hooks for reusable logic 5. Never call hooks conditionally 6. Use useRef for values that don't trigger re-renders 7. Implement cleanup functions in useEffect 8. Use useReducer for complex state logic
Comprehensive Cursor rules for Next.js 14+ with App Router, including routing, layouts, and API patterns.
Cursor rules for TypeScript with strict type checking, advanced patterns, and best practices.
Cursor rules for Tailwind CSS development with responsive design, custom components, and dark mode.
Cursor
frontend
AI coding rules customize how Cursor generates and refactors code for your project. Follow these steps to install React Hooks Best Practices.
.cursor/rules, for Windsurf use .windsurfrulesComprehensive Cursor rules for Next.js 14+ with App Router, including routing, layouts, and API patterns.
Cursor rules for TypeScript with strict type checking, advanced patterns, and best practices.
Cursor rules for Tailwind CSS development with responsive design, custom components, and dark mode.