Conclusion

¡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 explorar más a fondo? Aquí algunos recursos útiles:

• Documentación oficial de Storybook tiene la documentación del API, links comunitarios y una galería de complementos.

• Manual de pruebas de IU destaca las mejores prácticas del flujo de trabajo utilizado por equipos de alta velocidad en Twilio, Adobe, Peloton y Shopify.

• Manual de pruebas visuales profundiza en el uso de Storybook para realizar pruebas visuales en componentes. Ebook 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. El tutorial fue inspirado por la popular serie de tutoriales de GraphQL + React de Chromatic.

¿Quieres más tutoriales y artículos como este? Regístratate a la lista de correo de Storybook.