Documentando o Frontend com Storybook e React JS
Com o crescimento de uma empresa de tecnologia, é comum vermos uma nova figura surgir, o PD. O PD é uma figura chave para que possamos manter uma interface fiel e um Frontend escalável. Para atingir isso, é criado um Design System que deve ser seguido pelos devs frontends. E é ai que entra o Storybook.
Neste vídeo, nós vamos juntos aprender a como criar uma biblioteca de componentes com o Storybook e o React JS.
Compartilha esse vídeo sobre Storybook com ReactJS: • Documentando o Fronten...
Como se Tornar um Desenvolvedor Front-end em 2022: • Como se Tornar um Dese...
✅ Conheça o Long Cycle Developer: dogcode.dev/longcycledeveloper
✅ Saiba mais sobre o OnMount:
dogcode.dev/onmount
dogcode
Comunidade no Discord: / discord
Instagram: @dogcode.dev
#STORYBOOK #REACTJS
Пікірлер: 12
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!
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
2 жыл бұрын
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 💙
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.
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
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?
estou fazendo esse comentario até o ponto 2:20... se tiver uma aprovação pelo figma ...não teria a necessidade o story ..correto?
Pessoal, estou tendo um erro logo quando executo o "yarn storybook", retorna um erro de : Error: error:0308010C:digital envelope routines::unsupported
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
2 жыл бұрын
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).
Vite vem do francês, significa rápido e a pronuncia é como se fosse português e não "vaite".