React and Next.js performance optimization patterns. Use when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance. Triggers on tasks involving components, data fetching, bundle optimization, re-render reduction, or server component architecture.
Initial release – performance optimization patterns for React and Next.js: - Prioritized optimization patterns across critical areas: async/waterfalls, bundle size, server components, re-render reduction, and more - Clear examples for eliminating waterfalls, optimizing imports, and reducing bundle size - Guidance on parallel data fetching, minimizing client/server serialization, and using Suspense effectively - Concrete recommendations for state, memoization, transitions, and event handling - Includes installation instructions and describes real-world triggers for usage