Discover Storybook 7's revolutionary approach to UI design and development in collaborative environments. Discover why it's the top choice for teams crafting high-quality user interfaces.
[00:00] Hey. Welcome to this crash course on Storybook 7. Today, we're going to learn how to use Storybook to build, test, and share UI. This is a super awesome project. I've loved working with it over the past couple years to document component libraries and design systems. If you follow along through the entire [00:19] course, you will have built a story book, learned all of the requisite parts to build a story book of your own, and actually hosted a project on Chromatic. I'm Chantastic and I'll be teaching this course. I've been teaching React for over 10 years on YouTube, Egghead, and talks across the [00:39] globe. I've had a podcast called React Podcast where I talked with some of the best and greatest React developers of all time. This is the course that I wish that I had 7 years ago when I was starting Storybook to learn all of the concepts before kind of diving in and beating my head against the wall. Now, I wanna make sure that this is the right course for you. So when [00:59] I say beginner, I expect that you have a strong understanding of JavaScript that will be a prerequisite for this course. A working knowledge of HTML and CSS, but absolutely no experience with Storybook. You don't have to know anything about Storybook coming into this. The course itself is designed in 2 phases. The first [01:19] half of the course is gonna show you the UI of Storybook and where those UI elements end up in code. In the second half, we will take everything that we learned and reimplemented the features from the sample stories that we got by default all by hand. So we're gonna rebuild everything ourselves. So anything [01:39] that you see, you will be able to build by yourself by the end of the course. And that's it. I think that's everything you need to know. Let's get started. I am thrilled that you're taking this course. I'm so excited that you're gonna be able to use Storybook to build more robust, comprehensive, user focused UIs. I can't wait to see what you build with [01:58] it. Let's dive in.
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!