Vercel codifica 10 años de experiencia en React: Una guía maestra diseñada para humanos… y sus IAs
Cualquiera que haya mantenido una aplicación de React en producción conoce la sensación: el trabajo de rendimiento suele ser reactivo. Se lanza una versión, la aplicación se siente lenta y el equipo empieza a perseguir síntomas a ciegas. Hoy, Vercel ha decidido atacar este problema de raíz con el lanzamiento de react-best-practices, un repositorio que no solo documenta una década de conocimientos, sino que está diseñado específicamente para alimentar a la próxima generación de agentes de IA.
Desde nuestro punto de vista técnico, este lanzamiento marca un cambio interesante. Ya no se trata solo de escribir documentación para que la lean los desarrolladores junior, sino de estructurar el conocimiento para que herramientas como Cursor, Claude Code u Opencode puedan auditar y corregir nuestro código automáticamente.
El fin de la optimización «a ciegas»
El problema histórico que Vercel señala —y que muchos hemos sufrido— es la falta de priorización. A menudo perdemos tiempo micro-optimizando un bucle con useMemo cuando el verdadero culpable es una cascada de peticiones (waterfall) que añade 600ms de espera o un bundle de JavaScript innecesariamente pesado.
La filosofía detrás de este nuevo recurso es el orden de impacto. El repositorio incluye más de 40 reglas divididas en 8 categorías, clasificadas desde CRÍTICAS (como eliminar cascadas asíncronas y reducir el tamaño del paquete) hasta mejoras incrementales. La premisa es simple: si envías 300KB extra de JavaScript, optimizar unos microsegundos en un renderizado no salvará la experiencia del usuario.
Entrenando a tu Agente de IA
Lo verdaderamente innovador de este anuncio no son las reglas en sí —que provienen de casos reales en producción y no de teoría pura—, sino cómo se entregan.
Las reglas se compilan en un documento único llamado AGENTS.md. Esto permite que los agentes de IA consulten una fuente de verdad estructurada al revisar código o sugerir refactorizaciones. De hecho, Vercel ha empaquetado esto como «Habilidades de Agente» (Agent Skills). Con un simple comando (npx add-skill vercel-labs/agent-skills), tu asistente de codificación puede detectar si estás cometiendo errores comunes, como inicializar el estado leyendo localStorage en cada renderizado o crear dependencias secuenciales innecesarias.
Nuestra visión: Código real, soluciones reales
Al revisar los ejemplos que Vercel ha compartido, queda claro que esto nace de la trinchera. Mencionan casos donde una página de chat escaneaba la misma lista ocho veces o donde una API esperaba secuencialmente llamadas a bases de datos que podrían haber sido paralelas.
Al poner este conocimiento a disposición tanto de los ingenieros como de sus asistentes de IA, Vercel no solo busca enseñar mejores prácticas, sino estandarizar la calidad del código en un ecosistema que a veces se siente fragmentado. Para los equipos que buscan escalar sin acumular deuda técnica, tener a su IA entrenada con los estándares de los creadores de Next.js es una ventaja competitiva inmediata.
Comunidad Arepa
Únete a nuestros canales principales
