Designing and testing components is crucial to every application, but it can be difficult to view components in isolation. This makes it hard to design and test components, but with Storybook this is no longer an issue. Storybook makes developing, testing, and working with a component library so much easier. You can test complex actions and ensure your components are always working as expected. In this video I will be showing you how to setup Storybook in React and how to create everything from basic to more advanced stories.


Materials/References:

GitHub Code: https://github.com/WebDevSimplified/storybook-react-crash-course
PropTypes Video: https://youtu.be/cx0S8JyiVxc
PropTypes Article: https://blog.webdevsimplified.com/2020-12/react-prop-types


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:24 - Demo
01:10 - Setup
04:10 - How to create a basic story
06:40 - Add interactivity to stories
09:52 - Create multiple stories for one component
10:59 - Advanced stories


#ReactStorybook #WDS #React