Scale your UI documentation with Storybook
summary
Storybook integrates with an Ember app to document components in isolation, adding stories, addons (markdown, a11y, story-source, Figma embed) and CI visual tests (Percy). It claims wide adoption — 11M installs/month and 60k GitHub stars — and demonstrates concrete wins: a modal drops from 70 to 21 lines of bespoke code, components become consistent, and interactive knobs recreate tricky states. Limitations: Ember docs and community support are thin and Storybook currently runs side-by-side with Ember.
AI-written summary · about
chapters (9)
- 0:00UI inconsistency problems
- 4:45Introduction to Storybook
- 6:09Storybook features
- 8:00Setting up Storybook
- 9:16Creating stories
- 13:00Advanced story customization
- 15:36Add-ons and documentation
- 18:08CI/CD and design systems
- 20:58Pros, cons, and conclusion
related talks
24mReact-Storybook"Design, Develop, Document and Debug your React UI components"
16mStorybook, a Really Good Idea?
20mBuilding Storybook
38mThinking in Stories: Component-First
52mStorybook: New and upcoming features
27mThe story of storybook
18mDocumenting components with stories
14mBuilding a component library with React, Vue, Angular or WebComponents