React Storybook Crash Course

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 ... https://www.youtube.com/watch?v=FUKpWgRyPlU