Formação Construa um Design System com React, Turborepo e Storybook

No primeiro passo, você será introduzido ao uso do TurboRepo e Storybook para construir e organizar componentes em React. Exploraremos a perspectiva do Atomic Design sob o olhar de uma pessoa desenvolvedora frontend, permitindo uma abordagem modular e escalável. Além disso, vamos avançar para a criação de componentes e stories mais complexas, finalizando com insights valiosos do podcast Design Systems – Hipsters #170, onde você entenderá o impacto e a importância dos design systems no desenvolvimento moderno.

Neste segundo passo, o foco é compartilhar e manter seu design system de forma eficiente. Vamos aprender a publicar no NPM, definir versionamento semântico e automatizar processos com GitHub Actions. Com um vídeo prático, você verá como criar uma biblioteca de hooks usando TurboRepo, aumentando ainda mais o valor e a flexibilidade do seu design system. Este passo garante que seu design system possa ser utilizado de forma organizada e profissional em múltiplos projetos.

O último passo é dedicado a transformar seu design system em uma ferramenta ainda mais robusta e acessível. Vamos abordar temas como criação de temas padrões e customizações para design systems em React, além de explorar o uso de design tokens para melhorar a acessibilidade. Com o conteúdo complementar da Alura+, você aprenderá a criar um dropdown navegável por teclado, garantindo que seu design system esteja acessível e seja amigável para diferentes tipos de usuários.