Storybook 6.0 Release 🏆 #9311

shilman · 2020-01-03T09:58:26Z

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

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!

The text was updated successfully, but these errors were encountered:

chrisabrams · 2020-01-15T20:07:34Z

5.3 introduced major changes even though it was a minor version release so not really sure what y'alls definition of major is.

shilman · 2020-01-16T00:14:43Z

@chrisabrams which major changes?

chrisabrams · 2020-01-16T00:33:24Z

We used to be able to provide addons as a function that returns an array; starting in 5.3 addons only supports an array it does not check to see if there is a function anymore. This broke all of our storybook setups (we have 100s setup this way).

shilman · 2020-01-16T04:08:00Z

@chrisabrams I see. Try renaming addons to managerEntries in your presets. We'll document this unintended breaking change in the migration guide. cc @ndelangen

eroane-rms · 2020-04-29T21:33:28Z

Hi @shilman! I'm very excited about 6.0 beta! During the alpha phase I have been following the Composition feature closely and almost managed to patch a bug in it along the way 😁

Can you share documentation about how you expect composition to work so I can report my findings on it better? My interest in it comes from my my use case. I want to compose multiple storybooks in a monorepo together and test the composed storybook in Chromatic as a single project.

To do this do I need to host each statically built storybook before composing? That is how it seems to work in the dev-kits example. Or will the cli bundle them together? How will the storybooks that are being composed generate their metadata.json and stories.json files?

Please let me know how I can help, I'd love to!

adeelibr · 2020-04-30T08:29:08Z

Thank you for all the amazing work you are doing. 👍 💯

ndelangen · 2020-04-30T08:59:24Z

@eroane-rms writing documentation about composition is on my task-list.

I expect to finish it next week.

eybbus · 2020-05-20T10:27:38Z

Hi, what is the current estimate on release of 6.0.0? My team were planning on moving from 5.2 to 5.3 but saw that 6.0 was scheduled to release yesterday.

ndelangen · 2020-05-20T12:02:13Z

We' working on some more docs, there's been talks of overhauling the docs-site even.

I'm working on fixing a list of bugs on the composition feature relating to CORS & auth.

There's also work being done to make storybook 6 auto-compatible with typescript (0-config)

And there's more delaying the release.. @shilman has some more info on this.

I'd say migrating to 5.3 is a good idea: you added deprecation warnings to certain things in 5.3.x on things we removed in 6.0. So you can be prepared for when those api's do drop.

See the CHANGELOG & MIGRATION guides

https://github.com/storybookjs/storybook/blob/next/MIGRATION.md
https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md

shilman · 2020-05-20T22:17:28Z

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

hipstersmoothie · 2020-06-05T22:32:41Z

I love the addition of being able to choose the docgen! Is there any way currently to edit the options without a main.js?

shilman · 2020-06-06T08:50:57Z

@hipstersmoothie Nope. We're all in on main.js, so upgrade today (I'll write up a friendly upgrade guide as part of the 6.0 release). I think we're deprecating config.js in 6.0 and might remove it in 7.0.

nnennajohn · 2020-07-08T05:38:21Z

Hi @shilman, I got here from this thread: #7066 (comment)

Is there now a way to make the Docs tab default? Thank you.

ghengeveld · 2020-07-08T12:56:16Z

@nnennajohn See #7066 (comment)

openscript · 2020-07-16T09:46:10Z

@nnennajohn See #7066 (comment)

That removes the Canvas tab and doesn't make Docs the default tab.

ghengeveld · 2020-07-16T09:58:09Z

@nnennajohn See #7066 (comment)

That removes the Canvas tab and doesn't make Docs the default tab.

It will basically hide the UI tabs and panels and show the docs view by default. You can still toggle the UI tabs' and panels' visibility using keyboard shortcuts though.

It's the only option you have right now. We want to improve this but there's a lot of higher priority things. A pull request is welcome though 👍

nnennajohn · 2020-07-16T14:53:51Z

@ghengeveld ok. Thanks for pointing me to a solution.

saravvij · 2020-07-20T22:01:07Z

npx sb@next upgrade --prerelease - Upgrades storybook to alpha. How to upgrade storybook 5.x to rc release?

shilman · 2020-07-21T00:31:17Z

@saravvij npx sb@next upgrade --prerelease upgrades any version of storybook to the RC release. We'll publish a migration guide soon, but in the meantime the best resource for breaking changes etc. is https://github.com/storybookjs/storybook/blob/next/MIGRATION.md

cescoferraro · 2020-07-21T20:47:14Z

@shilman any tips on how to run it with typescript?
I thought i was having issues with the wrong library.
I am getting some errors like described on the link below
ccontrols/component-controls#6
i am running this on a pretty young next.js codebase

shilman · 2020-07-22T00:08:52Z

@cescoferraro this is an umbrella issue for the 6.0 release. Please open a separate issue describing your specific problem and we'll do our best to help there!

tknickman · 2020-08-03T18:33:38Z

Just chiming in to say we recently upgraded our storybook covering a big monorepo with custom webpack configs from 5.3.x to the latest 6.0 RC's (npx npm-check-updates '/storybook/' -n -u && npm install) and after the minimal changes following the migration docs everything is running great AND it fixed all the issues we were having with addon-docs (missing story source and missing prop-types).

kudos and can't wait for the full release 👍

jimmyandrade · 2020-08-04T12:34:44Z

Wow, looking forward for this ❤️

jlawanson · 2020-08-09T20:41:39Z

We' working on some more docs, there's been talks of overhauling the docs-site even.

I'm working on fixing a list of bugs on the composition feature relating to CORS & auth.

There's also work being done to make storybook 6 auto-compatible with typescript (0-config)

And there's more delaying the release.. @shilman has some more info on this.

I'd say migrating to 5.3 is a good idea: you added deprecation warnings to certain things in 5.3.x on things we removed in 6.0. So you can be prepared for when those api's do drop.

See the CHANGELOG & MIGRATION guides

https://github.com/storybookjs/storybook/blob/next/MIGRATION.md
https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md

Hello @ndelangen Thank you for all your work! I wanted to check in and see how you're coming along with the CORS bugs on the composition feature because I am still getting errors.

rannyeli · 2020-08-10T15:31:26Z

Experiencing some CORS issue in 6.0.0-rc while using storybook composition feature.
I'm adding a ref for a local storybook:

refs: {
    react_components: { 
      title: "React Components", 
      url: "http://localhost:9010"
    },

The local storybook works well on port 9010, but not loaded from the combined storybook

dev-tools output:

PazDak · 2020-08-10T16:43:09Z

Is 6.0.0 still planning on general release today?

ghengeveld · 2020-08-10T17:04:10Z

Expected Monday afternoon/evening US time. Basically when @shilman wakes up in Taiwan.

ghengeveld · 2020-08-11T07:16:09Z

It's published 🚀

shilman · 2020-08-11T08:22:27Z

💥 release post coming 🔜

shilman added the documentation label Jan 3, 2020

shilman added this to the 6.0.0 milestone Jan 3, 2020

chrisabrams mentioned this issue Jan 16, 2020

fix: remove addons method for Storbook 5.x godaddy/exemplar#20

Merged

shilman mentioned this issue Feb 1, 2020

[addon-docs] Previous/Next links in docs. #9676

Closed

stale bot added the inactive label Feb 11, 2020

shilman added the in progress label Feb 12, 2020

stale bot removed the inactive label Feb 12, 2020

shilman mentioned this issue Mar 4, 2020

Ability to hide Canvas Tab #7066

Closed

storybookjs deleted a comment from stale bot Mar 5, 2020

shilman mentioned this issue Mar 5, 2020

Defaults in props tables when using typescript #9997

Closed

shilman mentioned this issue Apr 2, 2020

Using preview-url to view standalone Storybook - storysource addon doesn't work #10110

Closed

This was referenced Apr 16, 2020

Back port peer dependency fixes to 5.x? #10425

Closed

Web Components scaffold not working in IE11 #10486

Closed

connor-baer mentioned this issue Apr 30, 2020

Upgrade to Storybook 6 sumup-oss/circuit-ui#578

Closed

isaacplmann mentioned this issue May 25, 2020

Angular storybook library fails to compile if using workspace.json nrwl/nx#3043

Closed

kruthivijay31 mentioned this issue May 27, 2020

Props table shows extra unwanted props not specified in the code #10842

Closed

shilman mentioned this issue Jun 7, 2020

MDX v2: ☂️ Umbrella issue mdx-js/mdx#1041

Closed

25 tasks

shilman mentioned this issue Jun 18, 2020

All props are listed as type 'unknown' #11226

Closed

sethburtonhall mentioned this issue Jun 25, 2020

Module build failed with MDX files: Unexpected token #9996

Closed

shilman mentioned this issue Jun 29, 2020

No props appearing for named function export with Addon-docs #9205

Closed

This was referenced Jul 14, 2020

Feature/update storybook 5 3 axa-ch-webhub-cloud/pattern-library#1867

Closed

[Child of #1773] Update Storybook to version 6 [Due Date: 03.08.20] axa-ch-webhub-cloud/pattern-library#1774

Closed

lowsky mentioned this issue Jul 30, 2020

upgrade storybook lowsky/gh-dashboard-relay#1308

Merged

shilman self-assigned this Jul 31, 2020

shilman mentioned this issue Aug 4, 2020

Storybook V6 Support nuxt-modules/storybook#39

Closed

marcelgerber mentioned this issue Aug 9, 2020

Upgrade to Storybook 6 owid/owid-grapher#535

Merged

shilman mentioned this issue Aug 10, 2020

Update README for 6.0 #11856

Merged

2 tasks

shilman closed this as completed Aug 11, 2020

rannyeli mentioned this issue Aug 11, 2020

Experiencing some CORS issue in v6.0.0 while using storybook composition feature. #11892

Closed

connor-baer mentioned this issue Aug 15, 2020

chore(docs): upgrade to Storybook 6 sumup-oss/circuit-ui#660

Merged

5 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Storybook 6.0 Release 🏆 #9311

Storybook 6.0 Release 🏆 #9311

shilman commented Jan 3, 2020 •

edited

Loading

chrisabrams commented Jan 15, 2020

shilman commented Jan 16, 2020

chrisabrams commented Jan 16, 2020

shilman commented Jan 16, 2020

eroane-rms commented Apr 29, 2020

adeelibr commented Apr 30, 2020

ndelangen commented Apr 30, 2020

eybbus commented May 20, 2020

ndelangen commented May 20, 2020

shilman commented May 20, 2020 •

edited

Loading

hipstersmoothie commented Jun 5, 2020

shilman commented Jun 6, 2020

nnennajohn commented Jul 8, 2020

ghengeveld commented Jul 8, 2020

openscript commented Jul 16, 2020

ghengeveld commented Jul 16, 2020

nnennajohn commented Jul 16, 2020

saravvij commented Jul 20, 2020

shilman commented Jul 21, 2020

cescoferraro commented Jul 21, 2020 •

edited

Loading

shilman commented Jul 22, 2020

tknickman commented Aug 3, 2020

jimmyandrade commented Aug 4, 2020 •

edited

Loading

jlawanson commented Aug 9, 2020

rannyeli commented Aug 10, 2020

PazDak commented Aug 10, 2020

ghengeveld commented Aug 10, 2020 •

edited

Loading

ghengeveld commented Aug 11, 2020 •

edited

Loading

shilman commented Aug 11, 2020 •

edited

Loading

Storybook 6.0 Release 🏆 #9311

Storybook 6.0 Release 🏆 #9311

Comments

shilman commented Jan 3, 2020 • edited Loading

Schedule

Contents

Help wanted

Migration guide

Storybook Args

chrisabrams commented Jan 15, 2020

shilman commented Jan 16, 2020

chrisabrams commented Jan 16, 2020

shilman commented Jan 16, 2020

eroane-rms commented Apr 29, 2020

adeelibr commented Apr 30, 2020

ndelangen commented Apr 30, 2020

eybbus commented May 20, 2020

ndelangen commented May 20, 2020

shilman commented May 20, 2020 • edited Loading

hipstersmoothie commented Jun 5, 2020

shilman commented Jun 6, 2020

nnennajohn commented Jul 8, 2020

ghengeveld commented Jul 8, 2020

openscript commented Jul 16, 2020

ghengeveld commented Jul 16, 2020

nnennajohn commented Jul 16, 2020

saravvij commented Jul 20, 2020

shilman commented Jul 21, 2020

cescoferraro commented Jul 21, 2020 • edited Loading

shilman commented Jul 22, 2020

tknickman commented Aug 3, 2020

jimmyandrade commented Aug 4, 2020 • edited Loading

jlawanson commented Aug 9, 2020

rannyeli commented Aug 10, 2020

PazDak commented Aug 10, 2020

ghengeveld commented Aug 10, 2020 • edited Loading

ghengeveld commented Aug 11, 2020 • edited Loading

shilman commented Aug 11, 2020 • edited Loading

shilman commented Jan 3, 2020 •

edited

Loading

shilman commented May 20, 2020 •

edited

Loading

cescoferraro commented Jul 21, 2020 •

edited

Loading

jimmyandrade commented Aug 4, 2020 •

edited

Loading

ghengeveld commented Aug 10, 2020 •

edited

Loading

ghengeveld commented Aug 11, 2020 •

edited

Loading

shilman commented Aug 11, 2020 •

edited

Loading