Design Systems e Arquitetura Frontend

Construa uma biblioteca de componentes React e TypeScript para um design system. Você vai definir tokens, temas e critérios de acessibilidade, organizar componentes com Tailwind e Radix UI e estruturar os pacotes em um monorepo. Ao final, reúna código, documentação, testes e um fluxo de entrega dos componentes.

O que você vai aprender

• Definir tokens e critérios de acessibilidade para um design system.
• Construir componentes React com Tailwind e Radix UI.
• Organizar documentação, testes e entrega dos componentes em um monorepo.

Para quem é

Desenvolvedores frontend, arquitetos e líderes técnicos que vão construir uma biblioteca de componentes.

Antes de começar

Recomendado ter experiência com React e TypeScript, composição de componentes, Git e gerenciamento de pacotes.

Para praticar: Ambiente de desenvolvimento Node.js e um repositório para construir e testar o design system.