Storybook is a frontend workshop for building UI components and pages in isolation. It's used for UI development, testing, and documentation. It’s open source and free.
It's packaged as a small, development-only, workshop that lives alongside your app. It provides an isolated iframe to render components without interference from app business logic and context. This helps us focus development on each variation of a component, even the hard-to-reach edge cases.
Why do we adopt this technology?
Storybook allows us to always have a visual representation of what a component's purpose is. This makes it easier for designers, developers and quality engineers to follow up on the state of the design system throughout the lifespan of a product.