Conclusión
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 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.
-
Storybook Discord lo pondrá en contacto con la comunidad de Storybook. No solo ofrece un medio para ayudarlo, sino también para ayudar a la comunidad.
-
Blog de Storybook donde leerá sobre los últimos cambios y algunas técnicas para mejorar aún más sus flujos de trabajo de desarrollo con Storybook.
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.