Conclusão

Fusão de todo o conhecimento adquirido e aprendizagem de técnicas extra de Storybook

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.

Quem fez LearnStorybook.com?

O texto, código e produção foram contribuídos pela Chroma. 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 Chroma.