Intro to Storybook
  • Introdução
  • Componente simples
  • Componente composto
  • Dados
  • Ecrãs
  • Implementação
  • Testes
  • Extras
  • Conclusão
  • Contribuições
Framework:
ReactReact NativeVueAngularSvelteEmber

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, React Native, Vue, Angular e Svelte entre outras frameworks. 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!
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTelemetryTeam
Community GitHub Twitter Discord chat Youtube Component Driven UIs
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify