nextjs-react-expertlisted

# Next.js & React Performance Expert > **From Vercel Engineering** - 58 optimization rules prioritized by impact, plus Next.js 16 Cache Components > **Philosophy:** Eliminate waterfalls first, optimize bundles second, then micro-optimize. --- ## 🎯 Selective Reading Rule (MANDATORY) **Read ONLY sections relevant to your task!** Check the content map below and load what you need. > 🔴 **For performance reviews: Start with CRITICAL sections (1-2), then move to HIGH/MEDIUM.** --- ## 📑 Content Map | File | Impact | Rules | When to Read | | --------------------------------------- | ------------------ | -------- | --------------------------------------------------------------- | | `1-async-eliminating-waterfalls.md` | 🔴 **CRITICAL** | 6 rules | Slow page loads, sequential API calls, data fetching waterfalls | | `2-bundle-bundle-size-optimization.md` | 🔴 **CRITICAL** | 5 rules | Large bundle size, slow Time to Interactive, First Load issues | | `3-server-server-side-performance.md` | 🟠 **HIGH** | 7 rules | Slow SSR, API route optimization, server-side waterfalls | | `4-client-client-side-data-fetching.md` | 🟡 **MEDIUM-HIGH** | 4 rules | Client data management, SWR patterns, deduplication | | `5-rerender-re-render-optimization.md` | 🟡 **MEDIUM** | 12 rules | Excessive re-renders, React performance, memoization