Storybook 6.0 Release 🏆

Storybook 6 is now in RC! That means all of the breaking changes are in, and we don’t expect any destabilizing changes between now and the final release, just lots of cleanup and bug fixing (famous last words…)

Schedule

• ✅ 6.0.0-alpha.0 2020-01-21
• ✅ 6.0.0-beta.0 2020-04-29
• ✅ 6.0.0-rc.0 2020-07-08
• 🏁 6.0.0 2020-08-10

Contents

6.0 RELEASE POST

• 💎 Essentials: Zero-configuration setup
• 🧬 Args: Next-generation, dynamic story format
• 🎛 Controls: Live edit component examples
• 🌐 Composition: Combine multiple Storybooks
• 📚 Documentation: Complete project overhaul

6.0 contains hundreds more fixes, features, and tweaks. Browse the changelogs matching 6.0.0-alpha.*, 6.0.0-beta.*, and 6.0.0-rc.* for the full list of changes. See MIGRATION.md to upgrade from 5.3 or earlier.

PRs and other docs of interest:

• Storybook Args RFC - next-gen dynamic component examples
  • (controls / runtime / actions / toolbars / docs controls)
• Composition - compose multiple storybooks into one
• Zero-config Typescript - pre-configured for all frameworks, easy customization
• Yarn 2 support - next generation package management
• Server - storybook for rails and other server-side components

Help wanted

We’d love your help testing out the new features, and will be documenting them here.

Migration guide

To upgrade all your @storybook/* packages to the latest pre-release, run:

npx sb@next upgrade --prerelease

We’ll provide a user-friendly migration guide for 6.0. In the meantime, there’s an exhaustive list of potentially breaking changes in MIGRATION.md. Most of the breaking changes have been deprecated for months, and most of the future breaking changes are implemented as backwards-compatible deprecations for now. So, while the list of breaking changes is long and scary-looking, in practice we expect most upgrades to succeed without much extra fiddling.

Storybook Args

Args are a new concept in Storybook’s Component Story Format. We’ve prepared an RFC to explain the idea, the feature links above and updated CSF documentation.

On the more practical side, we have a a walkthrough to get you going with the initial implementation], and an open PR to add args to Storybook’s Design System.

MORE HERE SOON

Thanks for your help and stay posted for more updates!

[shilman]

Thanks @ndelangen. Yeah, working on an updated estimate now.

The big remaining items are:

• Stabilization of newly-added features
• Typescript support improvements (more on this soon)
• Documentation site updates
• Release packaging

[ghengeveld]

It’s published 🚀