A Short Synopsis of Vue Storybook
summary
Claim: Storybook plus Vue turns component libraries into a fast, testable living style guide. It demos an npm-hosted component package running on Webpack with hot reload, Vuex state examples, and knobs and actions interactivity. The workflow advocates story-driven development as visual TDD, auto-generates Jest and snapshot tests, and integrates add-ons. At SalesLoft a migration to Storybook surfaces duplication (they find 17 drop-downs), consolidates components, and enforces standards — the system reduces chaos and actually works.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 0:30Bio
- 1:10Today's discussion
- 1:36Design Systems
- 4:58What is Storybook?
- 8:47Live code demo
- 11:00Storybook driven development
- 21:26Ecosystem
related talks
03mDocument your components with Storybook for Vue
16mStorybook, a Really Good Idea?
15mOnce Upon a Time Storybook
14mBuilding a component library with React, Vue, Angular or WebComponents
31mA Beginner’s Guide To Storybook
37mBridging the gap between UX and development – A Storybook
27mDX is the new black. Learnings from using Nuxt and Storybook at scale
34mComponent Documentation Made Easy