React-Storybook: Design, Develop, Document and Debug your React UI components
summary
Claims that Storybook lets teams design develop document and debug React components by building isolated stories and running concrete checks. Demo uses a pagination component to show addons: actions knobs links docs, generates live docs, and snapshots every story with storyshots. Tests include behavior specs adjacent to stories and visual regression with Argos and Loki. CI deploys Storybook per PR so reviewers see failing examples; result is fewer back‑and‑forth bug reports and reproducible regressions.
AI-written summary · about
chapters (22)
- 0:00Introduction
- 1:00Props
- 2:24The Process
- 2:53What is Storybook
- 5:23Getting started with Storybook
- 13:16Why live documentation
- 14:17Examples
- 17:13Documentation
- 18:11Snapshot
- 19:24Test Master
- 19:53Specs Atom
- 20:11Visual Regression
- 20:29Free Solutions
- 25:11Adding new features
- 25:56Communication
- 26:31Example
- 28:23Recap
- 29:27Universal Storybook
- 29:59React Native Storybook
- 32:41React Storybook Github
- 33:08React Storybook Roadmap
- 33:42React Storybook Documentation
related talks
24mReact-Storybook"Design, Develop, Document and Debug your React UI components"
31mA Beginner’s Guide To Storybook
07mReact components, atomic design and storybook
20mBuilding Storybook
24mBuild React Apps Fast Using Storybook, DDD, and Atomic Design
18mStorybook and Testing
27mThe story of storybook
27mA Practical Guide to Building Your Design System Infrastructure