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.