Conclusão
Parabéns! Acabou de criar o primeiro interface de utilizador com o Storybook. Ao longo do caminho, aprendeu a criar, compor, testar e implementar componentes de interface de utilizador. Se seguiu o tutorial o repositório e o Storybook deverão ficar assim:
📕 GitHub repo: chromaui/learnstorybook-code
🌎 Storybook implementado
O Storybook é uma ferramenta bastante poderosa para React, Vue e Angular. Possui uma comunidade de programadores próspera e uma grande variedade de extras. Esta introdução arranha a superfície do que é possível fazer. Estamos confiantes que ao adotar o Storybook, ficará impressionado com o quão produtivo é construir IUs duradouros.
Saber mais
Pretende saber mais? Aqui ficam alguns recursos que irão ajudar.
-
Documentação Oficial Storybook contém a documentação da API, links da comunidade e a galeria de extras.
-
Manual de testes visuais enumera as boas práticas de fluxo de trabalho, usadas por equipas que operam a alta velocidade, tal como por exemplo a SquareSpace, a Major League Soccer, a Discovery Network e Apollo GraphQL.
-
Visual Testing Handbook aprofunda o uso de Storybook para testes visuais. Livro eletrónico livre de 31 páginas.
-
Discord do Storybook põe-te em contacto direto com a comunidade Storybook. Onde podes oferecer e receber ajuda de outros utilizadores do Storybook.
-
Blog Storybook demonstra tanto as novidades acerca das versões mais recentes, como as últimas funcionalidades existentes, de forma a otimizar o teu fluxo de trabalho no desenvolvimento de interface de utilizador
Quem fez LearnStorybook.com?
O texto, código e produção foram contribuídos pela Chromatic. O tutorial foi inspirado pela série de tutoriais populares de GraphQL + React.
Quer mais tutoriais e artigos como este? Subscreva a mailing list da Chromatic.