Documentação de Componentes React com Storybook! - Tips N' Tricks #19

Hoje vou mostrar para vocês como criar a documentação de componentes no Frontend com o Storybook! Essa ferramenta é capaz de criar documentação para diversas bibliotecas, como Angular, Vue... E nossa favorita, React 💕 Nesse vídeo, criamos a documentação de um componente usando ela, permitimos a edição do componente através da própria ferramenta 🤩 Repositório do Projeto: https://github.com/huri3l/blob.g Figma do Projeto: https://www.figma.com/file/ewPorXHtgX... 📢 Discord do canal: https://discord.gg/vZSzrY2hJt --- Beat Provided By https://freebeats.io​​​​​ Produced By White Hot --- Partes do vídeo: 00:00​​​​​ Introdução 01:37 Configuração inicial 04:29 Ajustes para usar Storybook + Chakra UI 06:51 Documentando um componente básico 11:18 Permitindo interação na documentação (Controls) 17:05 Variações de componente 20:09 Corrigindo estruturação de pasta do componente 22:50 Documentação de outro componente