Formação Angular: cursos para construir um Design System com Nx, Monorepo e Storybook

Nesta formação, você embarcará em uma jornada pelo desenvolvimento de um Design System de uma empresa fictícia - a Alfabit, utilizando Angular, Nx e Storybook, que serão nossas ferramentas aliadas na implementação dos componentes e das bibliotecas que criaremos.

Iniciaremos com a estruturação de um monorepo (ou mono-repositório) utilizando o Nx, uma ferramenta que permite organizar múltiplas aplicações e bibliotecas em um único repositório, facilitando a colaboração e a manutenção de código em larga escala. Você aprenderá como configurar e gerenciar eficientemente este ambiente, garantindo uma base sólida para o desenvolvimento de componentes reutilizáveis.

Em seguida, exploraremos como criar e publicar bibliotecas dentro desse monorepo, garantindo que cada parte do seu Design System possa ser facilmente compartilhada e utilizada em diferentes projetos.

O Storybook será a nossa ferramenta principal para documentar e visualizar os componentes criados. Você aprenderá a configurar o Storybook para que ele se integre ao Angular e ao Nx, criando um catálogo interativo e dinâmico de componentes. Vamos além da simples implementação visual, documentando variantes e estados de componentes, assegurando que o time de design e de desenvolvimento tenha uma visão clara e compartilhada do que está sendo construído.

Ao final dessa formação, você terá desenvolvido um Design System completo, pronto para ser aplicado em projetos reais, proporcionando eficiência no desenvolvimento e manutenção de sites, além de garantir a consistência visual e funcional em todas as suas aplicações.