Does storybook let you perfect a component before using it?
I get tired of my browser refreshing or not loading right.
Does storybook let you test things out?
There’s a VSC plug in for React that’s like that, but, which is better?
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (1)
We use Storybook at my company as our component library and style guide. Specifically we are using the Vue Storybook along with an integration to Applitools (for screenshot testing).
I would definitely say that Storybook has allowed us to get a component 80-90% of the way to perfect before ever implementing it within our application. We typically have a story to create a component, for example a Card component, within Storybook. We create the story, show multiple uses for it within the system using either multiple stories, or in some cases a single story along with Controls (formerly addons-knobs) that allows us to alter the props and data being used to the component. That might be more of the "playground" aspect you're referring too, at least within our usage.
It looks a bit like a step backwards and like it would slow your progress down having to create and demo a component in Storybook prior to actually implementing it in your application. However in our experience we have been moving faster I believe. We have more stable components that we can demo outside of the application for any feedback, prior to the implementation. By the time we get to implementing the component itself, there are little to no surprises, and those stories typically are quick and easy to get through.