Optimizes React and Next.js application performance using 57 authoritative engineering rules from Vercel.
This skill integrates Vercel Engineering's comprehensive performance guidelines directly into your development workflow to ensure your React and Next.js applications are production-ready. It covers critical optimization categories including eliminating network waterfalls, minimizing bundle sizes, and fine-tuning both server-side and client-side rendering. By applying these 57 specific rules during code generation or refactoring, the skill helps developers maintain high-performance standards, improve Core Web Vitals, and implement advanced patterns like React Server Components and Suspense boundaries correctly.
주요 기능
01Improves JavaScript execution speed through optimized loops and O(1) data structures.
02Eliminates network waterfalls with parallel data fetching and streaming patterns.
030 GitHub stars
04Prevents unnecessary re-renders with advanced memoization and state derivation techniques.
05Reduces bundle sizes through smart import strategies and dynamic component loading.
06Optimizes server-side performance using React.cache() and efficient serialization.
사용 사례
01Implementing high-performance data fetching patterns in React Server Components.
02Reducing client-side JavaScript overhead in complex frontend applications.
03Auditing and refactoring Next.js applications for Core Web Vitals improvements.
