what about angular

how about using this approach for new storybook and react 18+?

Chantastic it is great to see you teaching about Storybook! I was following your React Podcast on Spotify and probably listened to all episodes! Can't wait to watch the rest of SB vidoes.

How can I automatically generate props and types documentation in Storybook without the story object, but still make the component appear in the sidebar?

HI, Can I get your example project you show in this video

I've followed both your video and the Storybook docs, and while I've got my own custom theme working... it only applies the theme when I stop and restart Storybook from the CLI. Hot reloading doesn't seem to work designing a theme is a pain!! Do you know if this is a bug or is there a way of getting hot reloading to work? I'm using Angular.

Does this work with react native ? i've tried adding the autodocs tag; but it never shows up.

You are awesome thanks

Less info more talk shows

Thanks for this Beautiful Knowledge bro

Why does my storybook/react not like me adding the javascript in the MDX files. when i try that i get "Could not parse expression with acorn"

Hey, this seems very powerful however i have a question. Which types of bugs this finds and when? Ex. After class is changed etc

Visual regression testing is available in Playwright CT - which is now supported as a test framework in StoryBook 8.1 - Could you demo this capability ?

doesnt work

The Storybook docs are so bad I literally couldn't find basic answers and had to come here: thank you so much for explaining args!

So you can only ever create dropdown menus in the toolbar? No regular buttons or toggle buttons?

'storybook/internal/theming' is empty, so this video is not correct

Very very helpful - thank you

Thank you! Short and concise but very helpful.

Thanks for this informative video!

“With no test code”? You showed the test code.

How can I do to import an angular component in the mdx file without using Story tag?

is there a way where you can hide a folder of stories when you publish the storybook.. like hiding the internal components that you dont want to show on storybook?

🔥🔥🔥🔥

The intro makes me cry 😭

This sounds great, but not ao much on practice. Jsdom environment is way faster for behavioral testing, another downside of interactions on visual tests is that regression tools like chromatic can get slowed down significantly and also can screenshot during an i termediate step of an interaction. Which is a pain in the nuts to correct. I would recomend to use enforced static states for this visual tests and jsdom for interactions. If the accuracy of the data to the real life is an issue, consider using factories so it always make sense.

I request a comma in the title of this video

Autodocs is not working with web-components.

This was really educative, thanks 😊

Hi Why is there no documentation that is clear on how to use mdx format for other Frameworks other than React? How would I setup mdx in an Angular project. At the moment I keep getting an error regarding indexers

how can we use this with angular? there is any Docs for that?

will this work on code written in JSP?

"Get free tests with just two lines!". Proceeds to write tests. So sick of these hype men talking nonsense and selling lies

What else can be actions can be used for except displaying the userEvent? Is this one is just use to replace the log or alert in the usecase story and show same value in action instead of the log or alert or there is also other use of this actions? Is it possible to get more than just the console. What I mean by this is is let's say that when I clicked in the button, then the new component get rendered. Is there a way to show something more useful in the action tab in such situation except just: onClick: () => action('Button Clicked')(),

In case someone just came from the documentation using TypeScript and get errors everywhere, remember to rename your story from component.stories.ts to component.stories.tsx (notice the x at the end) as the decorator is JSX and its required for the TypeScript compiler to be valid.

Great content but I would suggest (my own) mantra "pros and cons over rights and wrongs". Dogmatic language is never helpful and programming is rife with it! Let's make things better 🙏

Can the Storybook shortcuts be changed or disabled? If I have inputs on my story and I type a value in it, I toggle the storybook tools. IMO simple shortcuts as key "M" is a poor choice for a shortcut.

nice! thanks for making a short on this!

Would this work for a react-native (expo) app??

hi, can i have access to my current theme (addon-theme) directly in my mdx file ? i wanna make my ColorPalette dynamic

@chantastic In the last bit of this video you mentioned to refer to the docs. Noticed that sometimes the docs on the website don't have all the information in the github repo. Would you mind doing a demo of using the docs to find out these "hidden" options that aren't covered in the website?

I'm curious why all of the new videos are being uploaded as unlisted? The last public one is from 5 months ago.

Does this work with react native?

I noticed you use `@storybook/testing-library` and `jest`, but nowadays Storybook 8 only gives you a package called `@storybook/test`. I presume it contains either Jest and Testing library, right?

I'm using react-intl, so this won't work for me. 😔

Great! But still don't get why writing action is better than just write console log

How it works? How it's tested?

Thanks! That was very informative video. Quick question: if I want stories in docs to be a specific width rather than take full page width, how can I do that?

Hi, nice tutorial but what about the component using composition? I have component created with the composition and i am lost in the storybook args access and all. Issue is that user can not manipulate the storybook value because I am lost in managing the proper way to configure args in storybook for composition.

And how do I extend the theme maintaining the behavior of "responding to the user preferred color"? I want to change the brand icon and still want my user to decide for light or dark