Learn Storybook teaches you Storybook by building a UI from scratch. We walk through core concepts from building and testing to deployment. This tutorial is intended to get you up to speed on Storybook best practices in a fast and approachable way.

Contributions to Learn Storybook are encouraged! If it’s something small like grammar or punctuation, open up a pull request. If it’s a bigger change, add an issue for discussion.

You'll find the chapters in the /content directory.

We need help translating Learn Storybook to new languages. Find out more »

You'll build Taskbox UI as part of the tutorial. Find the finished code below with commits synced to the chapters.

📕 GitHub repo: hichroma/learnstorybook-code

The text, code, and production were contributed by Chroma. The tutorial was inspired by Chroma’s popular GraphQL + React tutorial series

Install packages and run with yarn develop.

• Tom Coleman @tmeasday
• Dominic Nguyen @domyen
• You? Become an OSS contributor