Tree animations perform poorly when knobs are present

[Hypnosphi]

It's easy to reproduce if you move the 'with knobs' story on the top of the 'Button' group in examples/cra-kitchen-sink/src/stories/index.js:

gif

I'm not really sure, should we fix it on the side of knobs, tree, or both

[kohlmannj]

Adding a written "+1":

We're seeing unusable levels of sluggishness in a large Storybook (~30 components, 40+ stories), with multiple stories that use knobs, after upgrading to v3.2.x. It's bad enough that I reverted back to the v3.1.x versions of @storybook/react and related dependencies.

I will attempt to investigate and further diagnose the underlying cause as time permits.

[ratheo]

We're also seeing very slow rendering. Especially the encoding and decoding of knobs for the url is taking up a lot of time. It would be nice if it could be disabled.

[igor-dv]

You can change the sidebarAnimations to false with the options-addon. It will disable the tree animations.

https://github.com/storybooks/storybook/tree/master/addons/options

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 60 days. Thanks!

[Hypnosphi]

In my case, removing global withKnobs decorator helped a lot

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 60 days. Thanks!