- Se integra facilmente con Frameworks: Angular, React, Vue
- Tiene integracion con HTML
- Retroalimentacion inmediata de los cambios en los componentes
- Se puede revisar facilmente en el historial de cambios
- Al final de la etapa de desarrollo podemos probarlos y tener componentes funcionales!
Storybook es una libreria UI para componentes, dejandote construir componentes en un ambiente aislado. Muchos equipos confian en Storybook para hacer la tarea pesada de componer los componentes y librerias, construyendo bloques para su sistema de diseno, aqui algunas compañias: Algolia, Salesforce, Artsy ,Gov.uk, y GitHub usan Storybook para construir y distribuir componentes UI.
y aqui algunos casos de uso:
- Libreria de componentes
Con la forma que Storybook trabaja, podemos mantener una libreria de componentes utilizando sus caracteristicas para tener todos los componentes de nuestra aplicacion en un lugar con la habilitar de probarlos.
- Design Systems
Un design system es una serie de compponentes que pueden ser reusados en diferentes combinaciones. El Design system permite administrar el diseño a escala, con StoryBooks, se tiene un Design system listo para usar.
- Visual Testing
Con los addos se puede integrar una testing de regresion para probar y mantener la consistencia de nuestros componentes, no importa que tan grande sea.
- Compartir alrededor de equipos
Storybook puede ser compartido a los equipos de la forma que puedan ser desplegados como un sitio estatico autonomo. Puede ser compartido a diseñadores, Project Managers, etc para obtener retroalimentacion o comentarios de cada componente para mejorarlo entre todos.
Fuente DigitalOcean
- Involucrarse en el diseño e implementacion de componentes ya no suele ser tan doloroso.
- No hay dificultades para implementarlo en Frameworks y Librerias agnosticas
- Se puede versionar los componentes y revisarlos a traves del tiempo
Storybook funciona para muchos casos de uso y como se ha visto se puede integrar sin problemas en nuestro flujo de trabajo para permitirnos construir componentes UI y probarlos en un ambiente aislado.
Ahora continua con 2-2 Caracteristicas