Build React Apps Fast Using Storybook, DDD, and Atomic Design
summary
Claims that a production React app ships much faster by combining Storybook, design-driven development and Atomic Design. Uses React plus Storybook stories to capture every UI state, composes atoms → molecules → organisms into a login page, wires form handling with mobx and a react form library, and shows validation, success and error in Storybook actions. Demonstrates small code surface, deployable storybook for stakeholders, and a working login page built and tested visually rather than promised theoretically.
AI-written summary · about
chapters (10)
- 0:00Start
- 1:45Design Driven Development
- 3:19Design System and Style Guides
- 3:50Atomic Design Concept
- 4:28Atoms
- 6:44Start Your Storybook Project
- 8:39The Atomic Design Concept
- 9:48Create a Story
- 12:01Storybook
- 12:46Create an Organism
related talks
07mReact components, atomic design and storybook
38mReact-Storybook: Design, Develop, Document and Debug your React UI components
24mReact-Storybook"Design, Develop, Document and Debug your React UI components"
44mAtomic Design and Storybook to Boost Frontend Dev Productivity
31mA Beginner’s Guide To Storybook
41mBuilding a design system with React in 2025, what's new?
32mThe Modern Way of Making Websites in React
20mBuilding Storybook