Seria interessante uma parte 2 voce demonstrando como colocar em produção, mas privado para que somente os funcionários da empresa tivessem acesso, com algum tipo de autenticação. Muito bom vídeo, obrigado!
No meu primeira trampo Tive contato com storybook, achei fenomenal. To no meu Segundo trampo e lá recentemente foi colocado como requisito pra documentar o front. É muito bom. 👌
top.... Atualmente eu uso Bubble, pq desenvolvemos nossa startup em nocode... essa ferramenta serve para nós, ou conhece algum específica para no code?
Ótimo vídeo cara! Mas eu fiquei com uma dúvida mais na parte do framework que tu utilizou, por que o Next e não outro, como o vite, ou até mesmo uma configuração manual do React mesmo? Qual a facilidade em criar uma lib ao utilizar o Next? Na empresa que eu trabalho não existe um design system, e estamos com uma iniciativa para desenvolver uma lib primeiramente para padronizar os componentes, daí estava na dúvida de qual opção para criar um projeto React eu iria utilizar.
Existe algum "Storybook" para fazer a documentação para uso do fluxo das telas, colocar uma tela, com setas, dependendo do botão do click, vai para uma tela explica o que o botão faz ? você não usava win ?
@@DioneBatista A ideia era deixar no repositório git, assim o fluxo/diagrama da aplicação em teoria, seria atualizado com o código, sendo parte integrante do desenvolvimento.
sua duvida ta com cara mais de wireframe, e como o amigo ai falou, o figma ajudaria, gerando protótipos interativos ou deixando como comentário cada ação. talvez até o figjam ou o miro pode fazer isso. com o storybook, talvez voce consiga criar uns templates de página (compondo com seus componentes) e criar a estrutura que voce quer, colocando uns console log ou ate uns alerts. o storybook tem o conceito de addon, onde voce adiciona uns plugins pra executar alguma tarefa e da pra desenvolver tambem, da uma olhada nisso, pode ser que ja exista algo.
@@leovedere vou procurar, valeu, meu objetivo é deixar dentro do git os fluxos das telas versionados, para não ter aquele problema no projeto que ninguém sabe como as telas funcionam
mto legal hein..vlw. parabens..o angular tem algo parecido? ja falei c algumas pessoas na empresa sobre react, mas la ainda eh e deve ser angular por mto tempo rs
Seria interessante uma parte 2 voce demonstrando como colocar em produção, mas privado para que somente os funcionários da empresa tivessem acesso, com algum tipo de autenticação. Muito bom vídeo, obrigado!
Muito bom, Souto! Simplificou bastante a instalação e primeiras configurações do Storybook
já sofri mt ashusahusa a ideia foi bem essa #missaoCumprida
No meu primeira trampo Tive contato com storybook, achei fenomenal. To no meu Segundo trampo e lá recentemente foi colocado como requisito pra documentar o front. É muito bom. 👌
É um sonho de consumo hehe
Vídeo top não sabia que o Storybook era pra documentar front-ends
mano é a melhor tool eu acho!
Editor sempre inovando nas aberturas haha
Eu fico chocado hahahaha
Acho que vou rever. A minha senioridade achou um tanto de dificuldade.
vai tranquilo! essas paradas normalmente tu chega na empresa e ta "pronto". qualquer dúvida só falar
Dica, quando gravar, colocar som mais alto.
Souto, quando você lança o de publicação?
Show, muito obrigado, era o que eu procurava.
muito bom o vídeo mano! vou usar pra documentar o design system esse final de semana
ótimo vídeo, obrigado pelo conteúdo
OBRIGADOOO
DE NADAAA
\oooo
top.... Atualmente eu uso Bubble, pq desenvolvemos nossa startup em nocode... essa ferramenta serve para nós, ou conhece algum específica para no code?
Eu consigo documentar qualquer coisa no storybook, por exemplo um hook?
Isso funciona com código react native?
Ótimo vídeo cara! Mas eu fiquei com uma dúvida mais na parte do framework que tu utilizou, por que o Next e não outro, como o vite, ou até mesmo uma configuração manual do React mesmo? Qual a facilidade em criar uma lib ao utilizar o Next? Na empresa que eu trabalho não existe um design system, e estamos com uma iniciativa para desenvolver uma lib primeiramente para padronizar os componentes, daí estava na dúvida de qual opção para criar um projeto React eu iria utilizar.
O motivo de usar o next foi só pq ele já ia ter o pré setup que eu queria, mas funcionária com create React app, vi-te e talz :)
@@DevSoutinho Maneiro, obrigado pela resposta, vou usar seu projeto como base :)
Existe algum "Storybook" para fazer a documentação para uso do fluxo das telas, colocar uma tela, com setas, dependendo do botão do click, vai para uma tela explica o que o botão faz ? você não usava win ?
Figma não Ajuda ?
@@DioneBatista A ideia era deixar no repositório git, assim o fluxo/diagrama da aplicação em teoria, seria atualizado com o código, sendo parte integrante do desenvolvimento.
sua duvida ta com cara mais de wireframe, e como o amigo ai falou, o figma ajudaria, gerando protótipos interativos ou deixando como comentário cada ação. talvez até o figjam ou o miro pode fazer isso.
com o storybook, talvez voce consiga criar uns templates de página (compondo com seus componentes) e criar a estrutura que voce quer, colocando uns console log ou ate uns alerts.
o storybook tem o conceito de addon, onde voce adiciona uns plugins pra executar alguma tarefa e da pra desenvolver tambem, da uma olhada nisso, pode ser que ja exista algo.
@@leovedere vou procurar, valeu, meu objetivo é deixar dentro do git os fluxos das telas versionados, para não ter aquele problema no projeto que ninguém sabe como as telas funcionam
o que da pra fazer, é criar um componente com o fluxo de tela que vc tem e documentar ele, acha que ajuda?
Oooooláaaa Soutinho!
O Storybook também pode ser usado e integrado com o ReactNative ou ele é usado apenas para front web mesmo ?
Pode sim! Mas tu vai usar a versão pra celular dele. Não lembro se tem sido mantida nos últimos tempos
Tem como sim usar para RN!
Você pode rodar ele no app e também no navegador.
Ótimo vídeo! O que voce usa pra deixar a tela amarelada assim?
Cara foi um erro na placa de captura 🥺
@@DevSoutinho não é bug, é feature.
kkkkkkkk e eu pensando que era modo leitura
mto legal hein..vlw. parabens..o angular tem algo parecido? ja falei c algumas pessoas na empresa sobre react, mas la ainda eh e deve ser angular por mto tempo rs
o angular tem sim! mesma coisa do react só acho que a parte do MDX não vai ter, mas é só olhar lá na doc deles que tu cria o setup pra angular
Video top! O Audio ficou um pouco baixo Solto !
deu ruim no audio msm :(
muito bom o video, parabéns haha mas esse som quando corta as cenas doí no ouvido :O
cara eu já conversei aqui e vamo reduzir \o
valeu o feedback!
só aqui o audio ficou um pouco baixo?
Aqui também.
#sad
Excelente vídeo. Valeu pelo conteúdo, mas mano.... Essas transições estridentes doem no ouvido 😅
cara eu vou corrigir pros próximos, valeu o feedback!
demais kkkk
audio ta bem baixo
deu algum ruim nesse vídeo :(