Design Systems e Arquitetura Frontend

Construa um design system de produção do zero — do token de cor ao pacote versionado no registry. Ao longo de 6 módulos e 32 aulas você monta o Atlas DS: uma biblioteca React + TypeScript com tokens de base e semânticos, temas claro e escuro, e componentes acessíveis de verdade, estilizados com Tailwind e cva e construídos sobre primitivas do Radix UI. Da arquitetura de componentes ao monorepo pnpm com build via tsup, versionamento com changesets e uma esteira de qualidade em Vitest, React Testing Library, Playwright e GitHub Actions. É engenharia de frontend na prática: você vai desenhar APIs tipadas que impedem combinações inválidas, definir fronteiras entre pacotes, auditar contraste com a fórmula da WCAG 2.1 AA e transformar as decisões do time de design em código previsível. Para quem já trabalha com React e TypeScript no terminal e vai assumir a construção — ou o resgate — da biblioteca de componentes da empresa.