Optimización de rendimiento en React y Next.js
Patrones de optimización de rendimiento para React 18/19 y Next.js, adaptados de las React Best Practices de Vercel: más de 70 reglas organizadas en 8 categorías por prioridad (cascadas/waterfalls, tamaño de bundle, server-side, fetching cliente, re-renders, rendering, micro-rendimiento JS y avanzado). Útil para equipos que escriben, revisan o refactorizan código React/Next.js y diagnostican cargas lentas o regresiones de Core Web Vitals.
Incluida en el Pase · para Claude Code, Cursor, Codex CLI
// qué_hace
Audita y refactoriza código React/Next.js para mejorar rendimiento siguiendo más de 70 reglas priorizadas.
// cómo_lo_hace
Clasifica las reglas en 8 categorías por prioridad (cascadas, bundle, servidor, fetching cliente, re-render, rendering, micro-perf, avanzado) y aplica árboles de decisión para revisar PRs y eliminar cuellos de botella.
// ejemplo_de_uso
Úsala cuando tu app React o Next.js carga lenta y no sabes por dónde empezar a optimizar. Ej.: aplicas las reglas priorizadas y eliminas una cascada de fetches que bajaba el LCP de 4,2 s a 1,8 s sin reescribir la arquitectura.
// plataformas
// opiniones_de_la_comunidad
Opiniones
Cargando opiniones…