Guía de lectura localizada
vercel-composition-patternsFinalidad, uso y origen
Patrones de composición de React escalables. Úselos al refactorizar componentes con proliferación de props booleanas, crear bibliotecas de componentes flexibles o diseñar API reutilizables. Se activan en tareas que involucran componentes compuestos, render props, proveedores de contexto o arquitectura de componentes. Incluye React.19Cambios en la API.
Fuente recuperada:
- Repositorio de origen
- vercel-labs/agent-skills
- SKILL.md
skills/composition-patterns/SKILL.md- Estrellas del repositorio
- 33,269
- Actualización del repositorio
- 2026-10-29
- Clasificación de habilidades
- Desarrollo
- Última recopilación
Licencia: No especificado
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
Patrones de composición de React escalables. Úselos al refactorizar componentes con proliferación de props booleanas, crear bibliotecas de componentes flexibles o diseñar API reutilizables. Se activan en tareas que involucran componentes compuestos, render props, proveedores de contexto o arquitectura de componentes. Incluye React.19Cambios en la API.
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 · L71 ↗Cuándo solicitarlo
Consulte estas directrices cuando: Refactorice componentes con muchas propiedades booleanas; cree bibliotecas de componentes reutilizables; diseñe API de componentes flexibles.
Paso río arriba · L22 ↗Patrones de composición de React
Patrones de composición para crear componentes React flexibles y fáciles de mantener. Evita la proliferación de propiedades booleanas mediante el uso de componentes compuestos, la elevación del estado y la composición de la lógica interna. Estos patrones facilitan el trabajo con bases de código tanto para humanos como para agentes de IA a medida que escalan.
Paso río arriba · L15 ↗rules/architecture-avoid-boolean-props.md
rules/state-context-interface.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
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
1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62- Fuente SHA-256
e38e0eaa609316b10423a9a138ed95e35099accd3f735585295c8a8f165c28a3