React Best Practices

Comprehensive guide for building modern React and Next.js applications. Covers performance optimization, component architecture, shadcn/ui patterns, Motion animations, accessibility, and React 19+ features.

When to Apply

Reference these guidelines when:

• Writing new React components or Next.js pages
• Implementing data fetching (client or server-side)
• Building UI with shadcn/ui components
• Adding animations and micro-interactions
• Reviewing code for quality and performance
• Refactoring existing React/Next.js code
• Optimizing bundle size or load times

Rule Categories by Priority