illustration for A Beginner’s Guide to Storybook 7 with React
free

A Beginner’s Guide to Storybook 7 with React

Instructor

Michael Chan

36m closed-captioning
·
18 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.8
45
people completed
Published a year ago
|
Updated a year ago

Wouldn't it be great if you could isolate your pages and components, tweak them, and instantly see the results?

You’d be feeling focused and doing real work.

That’s what Storybook can give you.

With it you can develop your pages and components in isolation, quickly hitting complex states and edge cases. You also won’t be delayed by data, APIs, or business logic.

In this coure you will learn how to:

  • Organize your components into interactive “stories”
  • Control your components using Storybook controls
  • Observe behavior with the Actions add-on
  • Leverage Testing Library for assertions and interactions
  • Use the play function to manage complex sequences of events
  • Utilize the Accessibility add-on
  • Implement Storybook into a Next app
  • And more!

Work through A Beginner’s Guide to Storybook 7 with React, and learn all these skills in a little over half an hour.

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.

Course Content

36m • 18 lessons

    You might also like these resources:

    illustration for Integrate Storybook in a Next.js Application
    Michael Chan • 10m • Course

    In this course, Michael Chan will teach you how to integrate Storybook 6.3 with Next.js 11 so that you can flawlessly build UIs.

    illustration for An Introduction to the React Testing Library
    Daniel Afonso • Course • 25 min

    Master React Testing Library: Render components, enhance UI querying, optimize testing flow, handle events, & eliminate 'not wrapped in act' warnings.

    illustration for Build a Twitter Clone with the Next.js App Router and Supabase
    Jon Meyers • Course • 1h 19m

    Learn React Server components and Server Actions as you build a Twitter clone from scratch using a Supabase backend.