The story of storybook

on YouTube ↗27m

" summary

Storybook renders UI components in an iframe for viewing components in isolation, exposes a manager and preview separation with add-ons communicating via postMessage, and supports runtime prop tweaking and hot module reload. The codebase consolidates ~25 repos into a monorepo using Lerna and Yarn workspaces, yields ~90–100 PRs and closes 50–80 issues per month, and counts 50+ maintainers; roadmap targets multi-framework ports (React, Vue, Angular, Web Components) and pluggable manager UI.

AI-written summary · about

" chapters (6)

1. 0:00Intro
2. 1:31storybook
3. 6:13manager
4. 8:24history
5. 16:23Mono repo
6. 20:36Future features

" related talks

• 20mBuilding StorybookNorbert de Langen · React Day Berlin 2017
• 52mStorybook: New and upcoming featuresNorbert de Langen · Armada JS 2019
• 07mReact components, atomic design and storybookEinar Afiouni · NDC Oslo 2017
• 14mBuilding a component library with React, Vue, Angular or WebComponentsNorbert de Langen · Frontend Developer Love 2018
• 38mReact-Storybook: Design, Develop, Document and Debug your React UI componentsMarie-Laure Thuret · React Alicante 2017
• 24mReact-Storybook"Design, Develop, Document and Debug your React UI components"Marie-Laure Thuret · React Conf 2017
• 15mOnce Upon a Time StorybookMichèle Legait · BDX I/O 2019
• 27mState of Storybook 7Yann Braga · JSworld Conference 2023