Share Description
In this course, you will learn:
- Organize your components into interactive "stories".
- Control your components with Storybook controls.
- Observe behavior using the Actions add-on and use the Testing Library for assertions and interactions.
- Use the play function to manage complicated sequences of events.
- Utilize the accessibility add-on.
- Integrate Storybook into the Next app.
- And more!
Syllabus:
- Get Started with Storybook 7 — Course Introduction
- Create a Storybook Sandbox (Starter project)
- Navigate Storybook Sidebar
- Manipulate the Storybook Canvas with the Addon Toolbar
- Explore Component Interfaces with Storybook Controls
- Observe Component Behavior with Actions Addon
- Analyze How Components Respond to Fixed Events with the Interactions Addon
- Understand Component Story Format (CSF)
- Create Engaging Component Playgrounds with Args and Controls
- Capture Interactions with Actions Addon
- Manipulate Story State with Play Functions and Testing Library Events
- Specify Layout with Storybook Parameters
- Extend Storybook's Capabilities with Addons
- Generate Documentation Effortlessly with Autodocs
- Configure Storybook with Global Stylesheets and Fonts
- Integrate Storybook into Your Development Environment
- Host Storybook For Free with Chromatic
- Leverage Storybook Documentation and Community Support — course conclusion
