1
Get Started with Storybook 7 — Course Introduction
2m 1s
2
Create a Storybook Sandbox (Starter project)
2m 15s
3
Navigate Storybook Sidebar
3m 8s
4
Manipulate the Storybook Canvas with the Addon Toolbar
1m 40s
5
Explore Component Interfaces with Storybook Controls
1m 16s
6
Observe Component Behavior with Actions Addon
1m 22s
7
Analyze How Components Respond to Fixed Events with the Interactions Addon
2m 35s
8
Understand Component Story Format (CSF)
2m 13s
9
Create Engaging Component Playgrounds with Args and Controls
1m 26s
10
Capture Interactions with Actions Addon
2m 41s
11
Manipulate Story State with Play Functions and Testing Library Events
2m 41s
12
Specify Layout with Storybook Parameters
1m 31s
13
Extend Storybook's Capabilities with Addons
2m 5s
14
Generate Documentation Effortlessly with Autodocs
1m 7s
15
Configure Storybook with Global Stylesheets and Fonts
1m 40s
16
Integrate Storybook into Your Development Environment
1m 50s
17
Host Storybook For Free with Chromatic
2m 28s
18
Leverage Storybook Documentation and Community Support — course conclusion
2m 1s

Understand Component Story Format (CSF)

Name: Understand Component Story Format (CSF)
Uploaded: 2023-12-04T14:00:13-06:00
Description: Easily capture discrete UI states using Component Story Format (CSF). Discover this straightforward approach to writing stories that are portable, composable, and easily testable. Revolutionizing your UI development workflow.

InstructorMichael Chan

Storybook

Share this video with your friends

Send Tweet

Easily capture discrete UI states using Component Story Format (CSF). Discover this straightforward approach to writing stories that are portable, composable, and easily testable. Revolutionizing your UI development workflow.

Understand Component Story Format (CSF)

Share this video with your friends

Course

A Beginner’s Guide to Storybook 7 with React