Component Story Format 3.0 is here!

Varun Vachhar
Storybook

--

Stories are eating the world. At first, they helped you keep track of component variations. Now, stories are used for testing, visual review, and even generating design assets.

CSF3 is the latest evolution for stories that’s more expressive and requires less boilerplate code. What’s more, most folks can migrate automatically from CSF 2 to 3 using our codemod.

Improvements include:

  • ♻️ Spreadable story objects to easily extend stories
  • 🌈 Default render functions for brevity
  • 📓 Automatic titles for convenience
  • ⏯️ Play functions for scripted interactions and tests
  • ✅ 100% backwards compatible with CSF 2

Read the full announcement »

How Netlify Uses Storybook for Visual Regression Testing
Storybook is an essential part of Netlify’s UI development process. Staff engineer Charlie Groll explains how Storybook allows team members to make changes while keeping sites consistent. Read the article »

How Monday.com improved UI performance by 50% with Storybook
Storybook was essential to boosting render performance for the main “Board” view in Monday.com. Tom Bogin breaks down how to benchmark and improve UI performance. Read the article »

We’re hiring at Storybook! Join the team behind Storybook + Chromatic. Build tools used by 100s of thousands of frontend developers. Remote-first. View all openings »

--

--