# Rendimiento en React y Next.js (/vercel-react-best-practices)

/vercel-react-best-practices es una skill de Claude Code de la sección Web y Diseño. La mantiene Hainrixz y se publica con licencia MIT. Aplica 62 reglas de rendimiento de Vercel Engineering al escribir, revisar o refactorizar React y Next.js: cascadas de datos, tamaño de bundle y re-renders.

- Versión web: https://skills.sgomez.dev/es/s/vercel-react-best-practices
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: Hainrixz
- Licencia: MIT
- Código: https://github.com/Hainrixz/claude-webkit/tree/1bd88c31e1ce8d1a5f5e4d9b0ae264176bf2507e/.claude/skills/vercel-react-best-practices
- Actualizada el 21 ago 2026

## Cómo pedírselo

- `Revisa este componente de React para ver si sigue buenas prácticas de rendimiento`
- `¿Esta forma de hacer fetching de datos en Next.js es óptima?`
- `Refactoriza esta página de Next.js siguiendo las guías de Vercel`

## Instalar

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Descripción del autor (traducida)

Guías de rendimiento de React y Next.js de Vercel Engineering. Se usa al escribir, revisar o refactorizar código de React/Next.js para garantizar patrones de rendimiento óptimos. Se activa en tareas relacionadas con componentes de React, páginas de Next.js, obtención de datos, optimización del bundle o mejoras de rendimiento.

- [Cómo revisamos esto](https://skills.sgomez.dev/es/methodology.md)