Optimizes React and Next.js applications using performance-focused engineering patterns from Vercel.
This skill integrates Vercel Engineering's comprehensive performance optimization guide directly into your development workflow to ensure your applications are fast by default. It provides 45 prioritized rules covering critical areas such as eliminating network waterfalls, reducing bundle sizes, and optimizing server-side execution. Whether you are refactoring legacy Next.js pages or writing new React components, this skill provides automated guidance to improve Core Web Vitals, reduce Time to Interactive, and implement production-grade React patterns.
主要功能
01Reduces bundle sizes via dynamic imports and optimized barrel file management
02Implements advanced rendering techniques like content-visibility and JSX hoisting
03Eliminates network waterfalls with parallel data fetching and Suspense patterns
04Optimizes component re-renders through memoization and stable dependency tracking
05Enhances server-side performance using React.cache and non-blocking operations
060 GitHub stars
使用场景
01Architecting new Next.js applications with optimal data fetching and caching strategies
02Automating code reviews to identify inefficient rendering patterns or heavy bundle imports
03Refactoring existing React components to improve Core Web Vitals and performance scores
