Guía de lectura localizada
vercel-react-best-practicesFinalidad, uso y origen
Reaccionar yNext.jsDirectrices de optimización del rendimiento de Vercel Engineering. Esta habilidad debe utilizarse al escribir, revisar o refactorizar.React/Next.jscódigo para garantizar patrones de rendimiento óptimos. Disparadores en tareas que involucran componentes de React,Next.jspáginas, obtención de datos, optimización de paquetes o mejoras de rendimiento.
Fuente recuperada:
- Repositorio de origen
- vercel-labs/open-agents
- SKILL.md
.agents/skills/vercel-react-best-practices/SKILL.md- Estrellas del repositorio
- 5,871
- Actualización del repositorio
- 2026-08-29
- Clasificación de habilidades
- Flujo de trabajo del agente
- Última recopilación
Licencia: MIT
Los extractos del flujo de trabajo son guías de lectura, no instrucciones ejecutables de Codez. No se utilizó ninguna habilidad de terceros para generar esta página.
Los siguientes fragmentos sobre el propósito y el flujo de trabajo son material preliminar, organizado y traducido para su lectura. Son distintos del análisis editorial de Codez, que se presenta por separado.
Lo que hace esta habilidad
Reaccionar yNext.jsDirectrices de optimización del rendimiento de Vercel Engineering. Esta habilidad debe utilizarse al escribir, revisar o refactorizar.React/Next.jscódigo para garantizar patrones de rendimiento óptimos. Disparadores en tareas que involucran componentes de React,Next.jspáginas, obtención de datos, optimización de paquetes o mejoras de rendimiento.
Cómo funciona el flujo de trabajo ascendente
Cómo usar
Lea los archivos de reglas individuales para obtener explicaciones detalladas y ejemplos de código: Cada archivo de reglas contiene: Breve explicación de por qué es importante Ejemplo de código incorrecto con explicación
Paso río arriba · L120 ↗Cuándo solicitarlo
Consulte estas directrices cuando: escriba nuevos componentes de React oNext.jsPáginas Implementación de la obtención de datos (del lado del cliente o del servidor) Revisión del código para detectar problemas de rendimiento
Paso río arriba · L14 ↗Mejores prácticas de Vercel React
Guía completa de optimización del rendimiento para React yNext.jsaplicaciones, mantenidas por Vercel. Contiene58reglas en todas partes8Categorías, priorizadas por impacto para guiar la refactorización automatizada y la generación de código.
Paso río arriba · L10 ↗rules/async-parallel.md
rules/bundle-barrel-imports.mdRequisitos y configuración
No se seleccionó ningún fragmento de requisitos breves de este archivo. Esto no significa que la habilidad no tenga dependencias. Consulte las instrucciones de configuración del repositorio y los archivos de referencia.
Límites y controles de calidad
No se seleccionó ningún pasaje con límites específicos en este archivo. Esto no significa que la habilidad sea segura para cualquier entrada o entorno. Revise el código fuente completo y valide su propio resultado.
Comience con una prueba segura.
- Verifique el host compatible y las instrucciones de instalación del repositorio. Mantenga juntos el directorio Skill y sus scripts, recursos y documentación a los que hace referencia;SKILL.mdsolo puede omitir dependencias.
- Proporcione al agente sus datos reales, el resultado deseado y los criterios de aceptación. La sintaxis de invocación y las herramientas disponibles dependen del sistema anfitrión; este sitio no presupone un comando de instalación universal.
- Pruebe el flujo de trabajo original en un proyecto desechable o en una copia. Revise las operaciones que modifican archivos, servicios remotos o recursos facturables antes de autorizarlas.
- Valide el resultado comparándolo con los controles de calidad de origen y sus propios requisitos. Un activador exitoso o un alto número de estrellas en el repositorio no garantizan un resultado correcto.
Lea más en la fuente
- Mejores prácticas de Vercel React
- Cuándo solicitarlo
- 1Eliminación de cascadas (CRÍTICO)
- 2Optimización del tamaño del paquete (CRÍTICO)
- 3Rendimiento del servidor (ALTO)
- 4. Obtención de datos del lado del cliente (MEDIO-ALTO)
- 5Optimización de renderizado (MEDIO)
- 6Rendimiento de renderizado (MEDIO)
- 7Rendimiento de JavaScript (BAJO-MEDIO)
- 8Patrones avanzados (BAJO)
- Cómo usar
- Documento completo compilado
Habilidades relacionadas
Traducción y alcance
Esta guía de lectura selecciona pasajes de la sección fijada en la parte superior.SKILL.mdLa traducción es asistida. No se trata de un manual completo ni garantiza la compatibilidad. Lea el original y los archivos a los que hace referencia antes de usarlo.
Esta introducción hace referencia a la versión fijada a continuación; la actividad actual del repositorio y la hora de recopilación se muestran por separado.
- Fuente fijada
- Lee el original ↗
- Fuente recuperada
- Confirmación de origen
cf865e94de7729751c747171785b6ce57e7b178c- Fuente SHA-256
b0bc1161fa20c5d2154099b7db2a46e9937b51d8f3f88f57ea1a06e76af0d474