Kontakt

Storybook: Ein Tool zur Entwicklung von UI Komponenten

Storybook ist eine Anwendung 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.  

Folghende 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.

Anknüpfende Themen zu Storybook

Pattern Lab bei ruhmesmeile

Pattern Lab

Wie setzen wir das Pattern Lab als Entwicklungs-Tool als Hilfe zur Integration in verschiedene Backends, und zur Unterstützung von Kunden-Kommunikation und Abstimmungsprozessen ein!

Atomic Design

Wie mittels Atomic Design UI-Komponenten systematisch modularisiert werden, um ein Frontend oder Interface dynamisch und organisch wachsen zu lassen.

ruhmesmeile Entwicklungsansatz

Wie setzen wir bei ruhmesmeile diese ganzen Bausteine zu einem effizienten Entwicklungsansatz zusammen; die Vogelperspektive.