Conclusão

Parabéns! Acabaste de criar o teu primeiro interface de utilizador com Storybook. Durante esta jornada aprendeste como construir, compor, testar e implementar componentes de interface de utilizador. Se estiveste a seguir o tutorial, o repositório e o Storybook implementado irá ser idêntico a este:

📕 GitHub repo: hichroma/learnstorybook-code
🌎 Storybook implementado

O Storybook é uma ferramenta bastante poderosa para React, Vue, Angular. É composta por uma comunidade de desenvolvimento próspera e um número grande de extras. Esta introdução somente arranha a superfície das potencialidades existentes. Estamos confiantes que depois da adoção do Storybook, irá ficar impressionado com o quanto é produtivo a construção de interfaces de utilizador duradouros.

Saber mais

Pretende saber mais? Aqui ficam alguns recursos que irão ajudar.

  • Documentação Oficial Storybook contem 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 contribuições feitas pela Chroma. O tutorial foi inspirado na popular Serie de tutoriais GraphQL + React

Se pretender mais tutoriais e artigos tal como este? Subscreva a mailing list da Chroma.

Tweet "I’m learning Storybook! It’s a great dev tool for UI components."
Contribuições
Ajudem na partilha do Storybook com o mundo