Back to blog

Two new Storybook versions and faster release cycle

July 2023 Storybook update

loading
Joe Vaughan
@joevaugh4n
Last updated:

July was a busy month in Storybook land!

The highlight was shipping Storybook 7.1 (our first release since Storybook 7). It contains a ton of features that smooth Storybook’s learning curve and setup difficulty, while also keeping Storybook up-to-date with changing trends (no, we don’t mean the Barbie movie).

Plus, Storybook 7.2 is also here — a much smaller but faster release as we experiment with a new, more frequent release cycle.

Explore all of last month’s changes below.

🏄 7.1: User onboarding, zero-config styling, and TypeScript docs
🧰 7.2: Angular, TypeScript, Vue2 fixes
🚅 New: faster release cycle

Storybook 7.1

Storybook 7.1 lets you achieve more with Storybook 7. Among hundreds of smaller fixes and optimizations, several of the standout features include:

In-app onboarding
Learn Storybook in Storybook through our new user onboarding and get guidance on how to write your first story.

Storybook onboarding UI

Currently available in all new React projects, with further framework support coming soon. Read more.

Zero-config styling
Our updated Styling Addon can now automatically configure Storybook for your project’s styling tools. Currently, it supports Tailwind, Material UI, Emotion, and styled-components, with more libraries joining the list in the future. Read more.

TypeScript-default docs
TypeScript is now the default language of Storybook's documentation. This follows changes in the world of FE dev, with TypeScript currently featuring in 80% of all Storybooks. Read more.

Additional features:

  • New API reference material
  • Improved Vue3 source snippets and reactivity
  • Table of Contents for Storybook Docs
  • Design Addon official support
Storybook 7.2

Storybook 7.2

This month, we're experimenting with our launch cycle by releasing new versions of Storybook that are smaller but more frequent. Our goal is to bring you new features more quickly and smooth the upgrade process.

7.2 is the first of these faster releases. It contains several quality of life fixes and upgrades, including:

  • Angular: added optional prod mode when building Storybook
  • TypeScript: fixed issue where keywords satisfies and as were incorrectly parsed by stories
  • Vue2: fixed reactivity bug

Upgrade to 7.2 now via npx storybook@latest upgrade!


Visual component testing for Storybook
Chromatic is a service by Storybook maintainers to help frontend teams automate visual & interaction testing and streamline stakeholder sign-off with CI/CD. Learn more »


Jobs board

Explore Storybook-using roles in leading frontend teams. Visit our community jobs board »

Muck Rack, Domino's, JP Morgan, mastercard, Academia, University of Kentucky, Back Market, and BillionToOne

Thanks for reading! Keep in-sync with everything happening in Storybook by joining our dev community on Twitter, LinkedIn, or Discord.

Join the Storybook mailing list

Get the latest news, updates and releases

6,623 developers and counting

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 jobs

Popular posts

Introducing the Chromatic Visual Tests addon

Pinpoint UI bugs down to the pixel with Storybook
loading
Dominic Nguyen

Visual Tests addon entering private alpha

Sign up now to take part, plus project updates
loading
Dominic Nguyen

Storybook 7.1

Storybook 7.1 is here! Featuring in-app onboarding, zero-config styling support, TypeScript code snippets, and more.
loading
Michael Shilman
Join the community
6,623 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetry
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI