Building Storybook

on YouTube ↗20m

" summary

Storybook is a UI development environment that actually supports React, React Native, Vue and Angular by running component previews in an iframe, communicating via postMessage, and wiring addons and hot module reloading. The codebase consolidates 25+ packages into a monorepo using yarn and lerna, with 1649 commits and 45,000 lines added to make that happen. Community maintenance yields about 56 core contributors and ~100 merged PRs per month, and the project hits 347,000 installs on peak days.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 1:16Isolated Component Driven Development
3. 6:20History Lesson
4. 13:26Technical Details on How Storybook Is Maintained
5. 13:50Monolithic Repository
6. 15:49Future Features
7. 18:26Customizability

" related talks

• 27mThe story of storybookNorbert de Langen · ReactJS Day 2017
• 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
• 07mReact components, atomic design and storybookEinar Afiouni · NDC Oslo 2017
• 31mA Beginner’s Guide To StorybookNiamh McCooey · JSworld Conference 2023
• 16mStorybook, a Really Good Idea?Sara ATTALLAH · Devoxx France 2023
• 39mUsing Storybook to Maintain Components in RedwoodMilecia McGregor · Connect.Tech 2021
• 13mStorybook, a really good idea?Sara ATTALLAH-GHERARDI · Voxxed Days Luxembourg 2023