🎨 Design Systems

Storybook — co to jest?

Narzędzie open source do budowania, testowania i dokumentowania komponentów UI w izolacji od reszty aplikacji.

Jak to działa?

Storybook pozwala Ci uruchomić każdy komponent osobno, bez potrzeby odpalania całej aplikacji. Tworzysz "stories", czyli przykłady komponentu w różnych stanach: przycisk w stanie domyślnym, hover, disabled, z ikoną. Możesz interaktywnie zmieniać propsy i od razu widzieć efekt. Na przykład, otwierasz Storybooka, klikasz na Button, przełączasz wariant na "destructive" i od razu widzisz czerwony przycisk z poprawnym stylem.

Dlaczego to ważne?

Storybook to standard branży do prezentowania biblioteki komponentów. Daje zespołowi jedno miejsce, gdzie każdy może zobaczyć i przetestować wszystkie dostępne elementy UI.