Hoppa till innehåll
Testning och kvalitet
Storybook logo

Storybook

Storybook låter dig utveckla gränssnittskomponenter en och en, oberoende av resten av applikationen. Du skapar stories som visar olika tillstånd, till exempel en knapp i normalt, inaktivt och laddande läge. Det gör det enklare att fånga buggar tidigt, samla in feedback från designern och dokumentera komponentbiblioteket. Det passar team som vill ha en gemensam plats för att bygga, testa och visa upp komponenter. Det är nästan standard i större designystem idag. Du kan visa varje komponent i olika tillstånd, testa med olika props och samla feedback från designern innan koden går vidare. Det fungerar för React, Vue, Angular och flera andra ramverk, och är nästan standard i team som bygger egna komponentbibliotek.

Skärmdump av Storybook

Vad det är

Storybook är en arbetsbänk där du bygger och testar UI-komponenter i isolering. Du kan visa alla tillstånd och varianter av en komponent utan att starta hela applikationen. Det snabbar upp både utveckling och designreview och gör det lättare att upptäcka buggar tidigt.

Guider som nämner verktyget

Ingen guide nämner verktyget ännu.

Driftform
Lokalt
Kategori
Testning och kvalitet
Webbplats
github.com
Kodrepo
github.com/storybookjs/storybook

Varukorg

Laddar