Documentando o Frontend com Storybook e React JS

[@gabrielsampaio1125]

Curti demais o vídeo. Eu te daria uma sugestão, você disse sobre compartilhar entre os Frontends. Seria bacana uma parte dois tornando esse storybook uma lib, publicando no NPM e utilizando num projeto vazio. No mais, prazer em conhecer seu canal, to inscrito!

[@gabrielaugusto561]

estou fazendo esse comentario até o ponto 2:20... se tiver uma aprovação pelo figma ...não teria a necessidade o story ..correto?

[@dev.caixeiroviajante]

Conteudo muito precioso, muito obrigado por disponibilizar de forma gratuita ! Qual tema de vs code esta usando ?

[@dogcodedev]

Faala Fernando, beleza? Estou utilizando o Shades of Purple

[@kkamillepimentinha]

Chique! Até que enfim um BR falando de Storybook! Parabéns ^^ Eu tenho muito problema para configurar ícones, por exemplo: Gostaria de expor todos os ícones utilizados no projeto e esses ícones vem de uma lib chamada heroicons (do tailwind) que exporta como component: import { MapIcon } from '@heroicons/vue/outline', você saberia como resolver? Obrigada.

[@dogcodedev]

Faala Kamile, beleza? Chama a gente na comunidade que vamos te ajudar 🤩 O link da comunidade está na descrição do vídeo. Conte com a gente 💙

[@eduardoribeiro9497]

Eu fiquei um pouquinho preocupado de tu escrever 80 linhas de código só para fazer 3 botões, mas entendo que numa aplicação com dezenas de páginas ele vai ajudar a padronizar as coisas.

[@victormayaoficial]

Tenho uma duvida, eu criei um componente Cover e dentro dele utilizo um compoennte title, porem quando faço isso um componente dentro de outro e tento fazer o storybook desse total, ele simplemente nao aparece, oq eu eu faço?

[@romimaximus]

Ok, mais pensei que esse "storybook", seria para documentar o Frontend ?, exemplo: criando algum tipo de documentação ? para usuário ler, e ver como funciona a aplicação ?..

[@gabrielmaciel2891]

Algumas equipes compartilham o Design System com o publico, mas a ferramenta mesmo é usada na relação entre designers e desenvolvedores para facilitar vizualização, e independência dos componentes(Só na criação do design mesmo).

[@gabz-robert]

Pessoal, estou tendo um erro logo quando executo o "yarn storybook", retorna um erro de : Error: error:0308010C:digital envelope routines::unsupported

[@gutemberguemascarenhas7890]

Vite vem do francês, significa rápido e a pronuncia é como se fosse português e não "vaite".

[@robertoaleydon3044]

Tanto faz a pronúncia