Guidelines for managing state effectively in React applications
.cursorrules in your project rootFollow these state management patterns: 1. Keep state as close to where it's used as possible 2. Lift state up only when necessary for sharing 3. Use context sparingly - prefer composition 4. Consider state machines for complex UI states 5. Separate UI state from server cache state 6. Use optimistic updates for better UX 7. Implement proper loading and error states
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 State Management Patterns.
.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.