Advanced techniques for optimizing React application performance
.cursorrules in your project rootOptimize React performance: 1. Use React.memo for expensive pure components 2. Implement virtualization for long lists 3. Lazy load components with React.lazy 4. Use code splitting at route level 5. Debounce expensive operations 6. Avoid inline object/array creation in JSX 7. Profile with React DevTools 8. Use web workers for heavy computations
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 Performance Optimization.
.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.