Guides

Lessons

• Preface: How to take this course
• Get Started with Storybook 7 — Course Introduction
• Create a Storybook Sandbox (Starter project)
• Escape: Groking Modal Editing
• Go: Moving Around
• Navigate Storybook Sidebar
• Change: Changing Text
• Manipulate the Storybook Canvas with the Addon Toolbar
• Explore Component Interfaces with Storybook Controls
• Inside and Around: Moving Inside and Around
• 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
• Brand Your Storybook with a Custom Logo
• Integrate Storybook into Your Development Environment
• Host Storybook For Free with Chromatic
• Leverage Storybook Documentation and Community Support
• Prerequisite
• advanced git
• Create a Git Repository
• Add and tracked files
• Commit changes
• Status report
• Appendix A: Basic Usage
• Bundling from Brewfiles
• Conditionally bundle apps with environment variables
• Dump your dependencies
• Appendix: Storing machine-specific environment variables
• Nested Layouts
• the single path
• type files
• Configure local git
• git-add
• git-branch
• git-diff
• git-log
• git-merge
• git-rebase
• git-restore
• git-switch
• The Content Distiction
• Git log