Guia de leitura localizado
vercel-composition-patternsFinalidade, utilização e fonte
Padrões de composição React que escalam. Use ao refatorar componentes com proliferação de props booleanas, construir bibliotecas de componentes flexíveis ou projetar APIs reutilizáveis. Aciona tarefas envolvendo componentes compostos, render props, provedores de contexto ou arquitetura de componentes. Inclui React.19Alterações na API.
Fonte recuperada:
- Repositório de origem
- vercel-labs/agent-skills
- SKILL.md
skills/composition-patterns/SKILL.md- Estrelas do repositório
- 33,269
- Atualização do repositório
- 2026-10-29
- Classificação de Habilidades
- Desenvolvimento
- Última coleta
Licença: Não especificado
Os trechos do fluxo de trabalho são auxiliares de leitura e não instruções executáveis do Codez. Nenhuma Skill de terceiros foi executada para gerar esta página.
Os trechos abaixo, que descrevem o propósito e o fluxo de trabalho, são material original, organizado e traduzido para facilitar a leitura. Eles são distintos da análise editorial da Codez, que possui uma etiqueta separada.
O que esta habilidade faz
Padrões de composição React que escalam. Use ao refatorar componentes com proliferação de props booleanas, construir bibliotecas de componentes flexíveis ou projetar APIs reutilizáveis. Aciona tarefas envolvendo componentes compostos, render props, provedores de contexto ou arquitetura de componentes. Inclui React.19Alterações na API.
Como funciona o fluxo de trabalho upstream
Como usar
Leia os arquivos de regras individuais para obter explicações detalhadas e exemplos de código: Cada arquivo de regra contém: Breve explicação da importância da regra; Exemplo de código incorreto com explicação.
Passagem a montante · L71 ↗Quando se candidatar
Consulte estas diretrizes ao: Refatorar componentes com muitas propriedades booleanas; Criar bibliotecas de componentes reutilizáveis; Projetar APIs de componentes flexíveis.
Passagem a montante · L22 ↗Padrões de composição do React
Padrões de composição para construir componentes React flexíveis e de fácil manutenção. Evite a proliferação de propriedades booleanas usando componentes compostos, elevando o estado e compondo os componentes internos. Esses padrões tornam as bases de código mais fáceis de trabalhar, tanto para humanos quanto para agentes de IA, à medida que escalam.
Passagem a montante · L15 ↗rules/architecture-avoid-boolean-props.md
rules/state-context-interface.mdRequisitos e configuração
Nenhuma passagem de requisitos resumida foi selecionada deste arquivo. Isso não significa que a Skill não tenha dependências. Verifique as instruções de configuração do repositório e os arquivos referenciados.
Limites e verificações de qualidade
Nenhuma passagem de limites separada foi selecionada deste arquivo. Isso não significa que a Skill seja segura para todas as entradas ou ambientes. Analise o código-fonte completo e valide seus próprios resultados.
Comece com um teste seguro.
- Verifique o host compatível e as instruções de instalação do repositório. Mantenha o diretório Skill e seus scripts, recursos e documentação referenciados juntos;SKILL.mdsozinho pode omitir dependências.
- Forneça ao agente suas entradas reais, a saída desejada e os critérios de aceitação. A sintaxe de invocação e as ferramentas disponíveis dependem do host; este site não pressupõe um comando de instalação universal.
- Teste o fluxo de trabalho original em um projeto descartável ou em uma cópia. Analise as operações que alteram arquivos, serviços remotos ou recursos faturáveis antes de permiti-las.
- Valide o resultado comparando-o com as verificações de qualidade da fonte e com seus próprios requisitos. Um gatilho bem-sucedido ou uma alta contagem de estrelas no repositório não garantem um resultado correto.
Leia mais na fonte.
Habilidades relacionadas
Tradução e escopo
Este guia de leitura seleciona trechos do texto fixado a montante.SKILL.mdA tradução foi feita com auxílio de ferramentas. Este não é um manual completo nem garante compatibilidade comprovada. Leia o original e os arquivos referenciados antes de usar.
Esta introdução refere-se à versão fixada abaixo; a atividade atual do repositório e o tempo de coleta são mostrados separadamente.
- Fonte fixada
- Leia o original ↗
- Fonte recuperada
- Commit de origem
1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62- Fonte SHA-256
e38e0eaa609316b10423a9a138ed95e35099accd3f735585295c8a8f165c28a3