Regression: Slowed Builds with react-docgen-typescript

[clintandrewhall]

Describe the bug

This is a regression from the resolved state of #6430. It may be an issue with RDTL, perhaps not. They have styleguidist/react-docgen-typescript#112 still open.

In that bug, @strothj and @denieler were able to improve react-docgen-typescript-loader to reuse the parser instance to improve performance. I've updated our dependencies to 5.1.11 and there has been a regression.

If I comment react-docgen-typescript-loader out, I get much faster build times:

To Reproduce
Steps to reproduce the behavior:

1. Enable react-docgen-typescript-loader for .tsx? files, as recommended.
2. Have a repo with 10+ stories.
3. See slow build time.

You can view our config here.

[shilman]

@clintandrewhall A few questions:

1. Is this a bug with storybook or with the overall experience of using it?
2. You say repo with 10+ stories, but in your config you've excluded *.example.tsx - does this fix the problem?
3. Do you know which files RDTL is running on? Is it possible there are .tsx files in node_modules that are getting unnecessarily processed?

[clintandrewhall]

@shilman

1. I'd say it's a bug that surfaces when adding Typescript documentation to components within stories using react-docgen-typescript/-loader.
2. I've excluded *.examples.tsx in that portion of the webpack config because without it, react-docgen-typescript tries to glean properties from my Storybook files, (which doubles the time).
3. I can alter the webpack config to also ignore node_modules... but it's unlikely our dependencies have many .tsx files in them. Additionally, this regressed without a change to that rule.

To be clear: this is exactly like the behavior in #6340, which was quickly solved by the change in RDTL 3.1.1. I was surprised to see it return. I've pored over the code there, and elsewhere, and don't see a clear cause. Rolling back those dependencies has no effect, either.

[clintandrewhall]

Excluding node_modules reduced startup time somewhat, about 20s. Is it possible to output how many files were processed?

[atanasster]

@clintandrewhall what do you think about #7942 - loading prop tables from file and generating prop tables manually only when interfaces are changed. Linked in there is also my custom scripts.
Another option i was considering to create a new webpack react docgen plugin that will resemble more the webpack uglify js plugin with caching and parallel execution options.

[clintandrewhall]

@atanasster @shilman a prop table cache would be sick.

[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 30 days. Thanks!

[clintandrewhall]

Any update on this? I don't want this to go stale... it's still a time sync for us.