henriquescastilho Padroes de Composicao React -- Padrao DME
Substituir proliferacao de props booleanas por composicao.
Padroes recomendados
1. Compound Components
Componente pai + filhos com estado compartilhado via Context. Usar quando: componente tem multiplas partes opcionais.
2. Hooks Customizados
Extrair logica reutilizavel em hooks. Usar quando: logica se repete entre componentes.
3. Polymorphic as Prop
Componente que renderiza como qualquer elemento HTML. Usar quando: precisa flexibilidade de semantica.
Regras DME
- Preferir composicao sobre configuracao
- Maximo 5 props por componente (fora children e className)
- Se tem mais de 3 variantes booleanas, refatorar pra compound component
- Nunca usar any nos tipos
- Sem emojis em nenhum texto de UI
- Icones via Lucide/Heroicons, nunca emojis