Get Started with Storybook 7 — Course Introduction

Intro

  • Hey! Welcome to this crash course on Storybook 7!
  • Together we’ll develop a quick and comprehensive understanding of how to build, test, and share UI with Storybook 7.
  • By the end of this course, you’ll have built a Storybook. And if you follow thru to the end, you’ll have a hosted Storybook for your application.
  • And if you fallow along, you’ll have some practical experience to boast about to!

About me

  • I’m chantastic.
  • I’ve been teaching React for 10 years, here on egghead, YouTube, and my interview podcast, React Podcast.
  • I’ve tought all of the advanced Storybook concepts I know on the Chromatic YouTube channel and in talks around the globe.
  • But this is the first time I’ve taught Storybook for complete beginners.
  • This is the course I wish I’d had 7 years ago when I started using Storybook.

Prerequisites

In this course, I assume that you have:

  1. A strong understanding of JavaScript.
  2. A working knowledge of HTML and CSS.
  3. Absolutely no experience with Storybook. We’ll cover all that together.

About the course

  • To keep things simple, the majority of the course will happen in a cloud environment. So there’s nothing to set up!
  • We’ll cover every feature in two-passes.
    • First, we’ll explore Storybook’s sample components thru the Storybook UI.
    • Then, we’ll recreate all the stories from scratch, for some real hands-on experience.

Outro

  • I’m thrilled to share this course with you.
  • This is going to supercharge your capability as a UI developer.
  • I can’t wait to see what you and your teams build with Storybook 7.
  • Let’s get started!