Introducing: React Best Practices

What this post added

This post introduces the 'react-best-practices' repository, a new capability that consolidates over 10 years of React and Next.js optimization knowledge into a structured format for AI agents. It details the core idea of prioritizing performance fixes by addressing waterfalls and bundle size first, followed by server-side performance, client-side fetching, and re-render optimization. The post outlines eight performance categories and provides examples of common performance anti-patterns and their solutions, such as optimizing async work and reducing JavaScript payload. It also highlights the integration of these best practices into AI coding agents for automated code review and refactoring.