Is Atomic Design relevant in 2022?
Brad Frost’s Atomic Design changed the way we think about building front-ends. It allowed us to break free of monolith applications and build UIs in isolation. This was a radical idea before libraries like React and Vue put components front and center.
Today, we’re kicking off a new interview series that explores modern front-end engineering, and Brad Frost is our first guest!
We talk about the past seven years of Atomic Design and how the front-end space transformed during that time. Brad also gets into the craft of building sturdy UIs and shares his vision for a future where all UI “atoms” are built into the web platform.
Watch the complete interview on our YouTube channel »
“Testing has — historically — been very rough for us… but I like making stories. Stories work so well with the grain of our work. And you get this iceberg of cool stuff [documentation, testing, and UI playgrounds] that fall out the other end. I love that direction. I want the software to take care of this stuff for me!” — Brad Frost
We’re hiring! Join the team behind Storybook and Chromatic. Build tools that are used in production by 100s of thousands of developers. Remote-first. View openings »
Helpful resources
- Storybook ESLint plugin: Automatically validate stories in your code editor.
- UI Testing Handbook: 9 chapter tutorial about testing techniques used by top engineering teams. Working code samples.
- Storybook and Next.js » + 5 Tips for integrating Next.js with Storybook »
Add your project to Component Encyclopedia
The Storybook community is building the first ever Component Encyclopedia. We’re scouring the web for battle-tested UI components from the likes of Adobe, Mozilla, GitHub, Wordpress, and more. Add your project now »