Automate Documentation Generation in your Typescript React Codebase with Storybook

Shawn Wang
InstructorShawn Wang

Share this video with your friends

Send Tweet

Storybook is a UI component development environment for React, Vue, and Angular. With that, you can develop UI components without running your app.

In this short video I show how to set up the react-docgen-typescript-webpack-plugin, a neat plugin that leverages the types you are -already- writing for Typescript to autogenerate documentation.

Agustin Quintanilla
Agustin Quintanilla
~ 3 years ago

Thank you very much for the great explanation Shaw, it reflects by far the powerful capatibilities of storybook, and I'm convinced that I will use it in my next proyect

Steve
Steve
~ 2 years ago

I never relised storybook had these capabilities. I only found out about this course by chance in a tweet. What a stroke of luck!👍🏾

Ivan Bacallado
Ivan Bacallado
~ 2 years ago

Thanks for the course Shaw. The docgen plugin you used was not working for me. I did not get any errors, but PropTypes didn't appear so I change it by using the recommended plugin by storybook (react-docgen-typescript-loader) and now it works (maybe this is helpful for someone). https://storybook.js.org/configurations/typescript-config/