Setting the file. One moment.
Skill 03 · Vercel React Best Practices
Subchapter 3.4
rules/_sections.mdMarkdown2 KBView on GitHub
This file defines all sections, their ordering, impact levels, and descriptions. The section ID (in parentheses) is the filename prefix used to group rules.
Impact: CRITICAL
Description: Waterfalls are the #1 performance killer. Each sequential await adds full network latency. Eliminating them yields the largest gains.
Impact: CRITICAL
Description: Reducing initial bundle size improves Time to Interactive and Largest Contentful Paint.
Impact: HIGH
Description: Optimizing server-side rendering and data fetching eliminates server-side waterfalls and reduces response times.
Impact: MEDIUM-HIGH
Description: Automatic deduplication and efficient data fetching patterns reduce redundant network requests.
Impact: MEDIUM
Description: Reducing unnecessary re-renders minimizes wasted computation and improves UI responsiveness.
Impact: MEDIUM
Description: Optimizing the rendering process reduces the work the browser needs to do.
Impact: LOW-MEDIUM
Description: Micro-optimizations for hot paths can add up to meaningful improvements.
Impact: LOW
Description: Advanced patterns for specific cases that require careful implementation.