Visão geral

components.build é um padrão de código aberto para construir componentes de UI modernos, composáveis e acessíveis.

Aplicações web modernas são construídas com base em componentes de UI reutilizáveis, e a forma como os projetamos, construímos e compartilhamos é importante. Esta especificação visa estabelecer um padrão formal e aberto para construir componentes de UI de código aberto para a web moderna.

Foi coautorada por Hayden BleaselHayden Bleasel e shadcnshadcn, com contribuições da comunidade de código aberto e fundamentada em projetos populares do ecossistema React.

O objetivo é ajudar mantenedores de código aberto e engenheiros front-end seniores a criar componentes que sejam composáveis, acessíveis e fáceis de adotar em diferentes projetos.

O que é esta especificação?

Esta especificação não é um tutorial ou um curso sobre React, nem uma promoção de qualquer biblioteca de componentes ou registro específico. Em vez disso, fornece diretrizes de alto nível, melhores práticas e uma terminologia comum para projetar componentes de UI.

Seguindo esta especificação, os desenvolvedores podem garantir que seus componentes estejam alinhados com as expectativas modernas e possam se integrar sem problemas a qualquer base de código.

Para quem é isto?

Estamos escrevendo isto para mantenedores de código aberto e engenheiros front-end experientes que constroem e distribuem bibliotecas de componentes ou sistemas de design. Pressupomos que você esteja familiarizado com JavaScript/TypeScript e React.

Todos os exemplos usarão React (com JSX/TSX) por concretude, mas esperamos que os conceitos fundamentais se apliquem a outros frameworks como Vue, Svelte ou Angular.

Em outras palavras, esperamos que a filosofia desta especificação seja agnóstica em relação ao framework — quer você construa com React ou outra biblioteca, deve enfatizar os mesmos princípios de composição, acessibilidade e manutenibilidade.

On this page

GitHubEdit this page on GitHub