O que vercel-composition-patterns 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 em tarefas envolvendo componentes compostos, render props, provedores de contexto ou arquitetura de componentes. Inclui mudanças da API React 19.
Visão Geral
Este repositório contém padrões de composição React testados em produção, utilizados pela Vercel para construir interfaces de alto desempenho e fáceis de manter. Os padrões ajudam a evitar a proliferação de props booleanas e promovem uma arquitetura mais limpa.
Padrões Incluídos
- Componentes Compostos (Compound Components): Permite que componentes pai e filho compartilhem estado implícito via Context API, sem necessidade de passar props manualmente.
- Render Props: Compartilha lógica entre componentes usando uma prop que é uma função, permitindo alta reutilização sem rigidez.
- Provedores de Contexto: Gerencia estado global ou tema de forma eficiente, evitando prop drilling.
- Componentes de Layout: Padrões para criar layouts flexíveis e responsivos.
- React 19: Atualizações de API, incluindo o novo
use()hook e melhorias em Suspense.
Como Usar
- Identifique o padrão adequado ao seu problema.
- Consulte os exemplos no diretório
examples/. - Adapte o padrão ao seu contexto, mantendo a simplicidade.
Contribuição
Sinta-se à vontade para abrir issues ou pull requests com novos padrões ou melhorias.
Licença
MIT