Storybook

Storybook je vývojářský nástroj pro tvorbu UI komponent v izolaci, odděleně od aplikace, do které patří. Každá komponenta dostane „story“, která ji vykreslí v různých stavech a variantách, takže ji lze vyvíjet, revidovat a testovat, aniž by se k ní bylo nutné proklikávat celou aplikací.

Nástroj podporuje React, Vue, Angular, Svelte a Web Components a nabízí ekosystém doplňků pro vizuální regresní testování, audit přístupnosti, simulaci responzivních viewportů a testování interakcí. Z kódu a stories automaticky generuje dokumentaci komponent, čímž vzniká živý style guide, který zůstává synchronizovaný s kódovou základnou. Týmům praktikujícím component-driven development Storybook zrychluje práci: vývojáři mohou komponenty stavět a ladit ještě před integrací. Zlepšuje také spolupráci, protože designérům a produktovým manažerům dává procházetelný katalog dostupných komponent s podporovanými props a vizuálními stavy.