Storybook

Where can I learn more about Storybook?

Romina Kavcic

Official Storybook Tutorial

The official Storybook website offers a comprehensive "Intro to Storybook" tutorial that covers the essentials

  • Setting up Storybook in your development environment

  • Building simple and composite components

  • Working with data

  • Constructing screens

  • Deploying Storybook

  • Visual testing

  • Using addons

The official tutorial is available for multiple frameworks including React, Vue, Angular, and more

🔗 Read the guides

🔗 Storybook Docs


Getting Started with Storybook: The Ultimate Tool for Component Documentation and Testing

👉 Chapters 0:00 Introduction 00:50 Setting Up Storybook 01:14 Exploring Storybook 01:36 The Purpose of Storybook 01:54 Storybook File Structure 04:02 Metadata and Grouping 04:41 Creating a Story 05:23 Styling the Footer Component 08:32 Storybook Features 09:19 Controls and Actions 09:44 Accessibility Testing

📹 Watch the video


Design Systems for Developers

🔗 Read the guide


6 Storybook Tutorials for Product Development Teams

🔗 Read the guides

I'm Romina Kavcic. I coach design teams on implementing design systems, optimizing design processes, and developing design strategy.

I'm Romina Kavcic. I coach design teams on implementing design systems, optimizing design processes, and developing design strategy.

© 2022 - 2024 The Design System Guide by Romina Kavcic

© 2022 - 2024 The Design System Guide by Romina Kavcic

© 2022 - 2024 The Design System Guide by Romina Kavcic