# react-best-practices

> React and Next.js performance optimization guidelines from Vercel Engineering.

- Author: Victor de Andrade
- Repository: 50sotero/victor-website-cv
- Version: 20260131131915
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-07
- Source: https://github.com/50sotero/victor-website-cv
- Web: https://mule.run/skillshub/@@50sotero/victor-website-cv~react-best-practices:20260131131915

---

---
name: react-best-practices
description: React and Next.js performance optimization guidelines from Vercel Engineering.
---

# React Best Practices

React and Next.js performance optimization guidelines from Vercel Engineering. Contains 40+ rules across 8 categories, prioritized by impact.

## Use when:
- Writing new React components or Next.js pages
- Implementing data fetching (client or server-side)
- Reviewing code for performance issues
- Optimizing bundle size or load times

## Categories covered:
- Eliminating waterfalls (Critical)
- Bundle size optimization (Critical)
- Server-side performance (High)
- Client-side data fetching (Medium-High)
- Re-render optimization (Medium)
- Rendering performance (Medium)
- JavaScript micro-optimizations (Low-Medium)