Intro to Storybook
  • Empezando
  • Componente Simples
  • Componente Compuesto
  • Datos
  • Pantallas
  • Desplegar
  • Testing
  • Complementos
  • Conclusión
  • Contribuir
Framework:
ReactReact NativeVueAngularSvelteEmber

Conclusión

Pon todo tu conocimiento y aprende más técnicas de Storybook
Esta traducción de la comunidad aún no se ha actualizado a la última versión de Storybook. Ayúdanos a actualizarlo aplicando los cambios en la guía en español para esta traducción. Pull requests son bienvenidos.

Felicitaciones! Creaste tu primer interfaz de usuario en Storybook. En el camino, aprendiste a construir, componer, probar e implementar componentes de interfaz de usuario. Si lo has estado siguiendo, tu repositorio y Storybook desplegado debería verse así:

📕 Repositorio de GitHub: chromaui/learnstorybook-code

🌎 Storybook Desplegado

Storybook es una poderosa herramienta para React, React Native, Vue, Angular, Svelte y muchos otros frameworks. Cuenta con una próspera comunidad de desarrolladores y una gran cantidad de complementos. Esta introducción nos lleva superficialmente a lo que es posible. Estamos seguros de que una vez que adoptes Storybook, quedarás impresionado por lo productivo que es crear interfaces de usuario duraderas.

Aprende más

Quieres bucear más profundo? Aquí algunos recursos útiles:

  • Documentación oficial de Storybook tiene la documentación del API, links comunitarios y una galería de complementos.
  • El delicioso flujo de trabajo de Storybook destaca las mejores prácticas del flujo de trabajo utilizado por equipos de alta velocidad en Squarespace, Major League Soccer, Discovery Network y Apollo GraphQL.
  • Manual de pruebas visuales se sumerge profundamente en el uso de Storybook para probar componentes visuales. Libro electrónico gratuito de 31 páginas.
  • Discord de Storybook te pone en contacto con la comunidad de Storybook. Obtenga y brinde ayuda a otros usuarios de Storybook.
  • Blog de Storybook muestra las últimas versiones y características para optimizar su flujo de trabajo de desarrollo de UI.

Quién hizo LearnStorybook.com?

El texto, código, y producción fueron contribuidos por Chromatic. Los tutoriales fueron inspirados por la popular serie de tutoriales GraphQL + React de Chromatic.

¿Quieres más tutoriales y artículos como este? Regístrate en la lista de correo de Chromatic.

Is this free guide helping you? Tweet to give kudos and help other devs find it.
Next Chapter
Contribuir
Ayuda a compartir Storybook con el 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