Storybook: Ein Tool zur Entwicklung von UI Komponenten
Storybook ist eine Software-Bibliothek zur Entwicklung und Weiterentwicklung von UI-Komponenten. In Bezug auf eine Pattern Library / Component Library dient es dazu einzelne Code-Komponenten zu fokussieren.
Designern und Entwicklern bietet ein Storybook den Rahmen, um Komponenten weiter zu entwicklen. Dies umfasst kleine Experimente auf Codeebene, Darstellung der Änderungen aber ebenso Integration von (automatisierten) Unit- oder Regressionstests. Damit ist das Storybook auch der Ort für Qualitätssicherung und Qualitätsprüfung von UI-Komponenten.
Folgende Aspekte bilden wir mit Storybook ab:
- Storefront eines Atomic Designs
- Schema-basierte Beschreibungen
- automatisiertes Testing
- Accessibility / Barrierefreiheit
- Build-Tool-Integration
Storybook ist Open Source Software und passt perfekt zur Denk- und Arbeitsweise des Atomic Design und dem iterativen Aufbau und der Pflege einer Component Library.
Er ergänzt sich mit der Pattern Lab Software, welche zur integrierten Darstellung von UI-Komponenten als fertiges Design System dient.