Build and Document React Components With Storybook

I can't thank you enough. I completely understand the storybook becz of your tutorial 😄

Beautiful explaination! 🙏

the most underrated tutorial !!

Great tutorial

what if a component gets its some props from an external api call? how storybook can handle this props?

Great tutorial!

Very useful video.
Thanks

Great tutorial

thanks very helpful

Thank you, be blessed for the good work.

A great tutorial, it's helped me very much, thank you!

I am getting error in project setup at running npm sb init

error @storybook/[email protected]: The engine "yarn" is incompatible with this module. Expected version "^1.17.0". Got "1.13.0"
error Found incompatible module

That was great! Is there a followup on how to use this setup to publish a component/hooks library to npm? Thank you

Storybook is a cool package) But there are some cases when we don’t need all the power of storybook, but just a simple “test page” with all our components where we can play with its props. There is one package that works just fine for this, called storybox-react

What about actions?

Any tutorial with mdx?

Thanks :D new sub here

Should you NOT use storybook for normal react apps? Like, is this best used for libraries?

Do you prefer yarn or npm when developing with react?

Finally! I understand what storybook is for. Omg, I spent 12h today and only now I get it. Its for a component library without an app... Thank you my dude.

Thanks for teaching how to organise my storybook with subfolder.

Hello , storybook has a problem when installing it. My audit was clean before I installed storybook. It says: "19 high severity vulnerabilities". These vulnerabilities are about "chokidar" , "webpack" and so on. Could you tell me how to solve this problem ? I have googled and tried many things and as far as I have become I think it's Storybook's own problem. Anyone any help ? Thanks in advance.

cool，but how can storybook components used by reactjs for example?

Storybook is free ?

For those of you that run into this error when starting storybook --> Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
Just run this --> npm install --save-dev webpack webpack-cli html-webpack-plugin webpack-dev-server webpack-dev-middleware

Excellent walk-through!

Best tut on the tube

e: I havent even heard of this before. I wonder if it comes in tsc flavor.

Great, thanks for the practical training 👍

Storybook can be work with native JavaScript?

understood, but its sooo fast, as everything, these days... sorry ))

now this is how you learn storybook...thanks man your content is top notch

hey after I do this can I just build with rollup and make it an npm package without adding anything further ?

Would you recommend MDX over normal stories. What are possible pros and cons with using both? Great video by the way. Leading my team to create a component library and this was very helpful

life saver !!

What device are you using? Yours is fast, but Mine is slow, delete and installing storybook

Good tutorial video in general, but the editing was fantastic! You kept everything moving at a steady pace with no unneeded detours.

Why is he removing react-scripts?

Dude, you are so annoying! Holly crap, half of the video is you telling us to check out your other videos and your links. What makes you think that if someone doesn't know react would watch this shitty ass video?

can anyone explain what " Template.bind({}) " do here in stories?

I think I just found my favorite coding tutorials

How would this work regarding business logic of components? If you can't re-use them, is there any tangible benefit to creating re-useable components through storybook for complex components coupled with unique business logic?

Tutorials is more about, how to delete files :-)

Seems like lots of extra work

What VScode theme is this?

Awesome video, but one thing: this must be the first time I've heard someone pronounce `Enum` as `eenoom`

excellent tutorial....

It helped. Thanks :-)

"--save"? You must be old ;p