New
Code coverage with Storybook test runnerAutomate with Chromatic
Star74,802
Back to Intro to Storybook
Chapters
  • Introdução
  • Componente simples
  • Componente composto
  • Dados
  • Ecrãs
  • Implementação
  • Testes
  • Extras
  • Conclusão
  • Contribuições

Conclusão

Fusão de todo o conhecimento adquirido e aprendizagem de técnicas extra de Storybook
Esta tradução feita pela comunidade ainda não foi atualizada para a versão mais recente do Storybook. Ajude-nos a atualizá-la aplicando as alterações no guia em português para esta tradução. Pull requests são bem-vindos.

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.

Is this free guide helping you? Tweet to give kudos and help other devs find it.
Next Chapter
Contribuições
Ajudem na partilha do Storybook com o mundo
✍️ Edit on GitHub – PRs welcome!
Join the community
5,870 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI