總結

恭喜！你已經做好在 Storybook 裡的 UI。一路下來，學到如何打造、組合、測試和部署 UI 元件。如果都照著做，部署上去的 Storybook 和程式碼應該會長得像這樣：

📕 GitHub 專案：chromaui/learnstorybook-code
🌎 已部署的 Storybook

Storybook 在 React、React Native、Vue、Angular、Svelte 和其它 framework 都是很犀利的工具。有熱鬧的開發者社群以及豐富的外掛。這份介紹擷取其可能性最淺薄的一部份。只要採用 Storybook，我們有自信讓你對效率和打造堅強的 UI 感到驚艷。

繼續學習

想要深入探索？這些資源會有幫助。

• Storybook 官方文件記載 API、社群連結與外掛集散地。
• 快快樂樂學 Storybook 工作流程隆重介紹 Squarespace、Major League Soccer、Discovery Network 和 Apollo GraphQL 裡高效率團隊的最佳工作流程方法。
• 視覺測試手冊深入探討在 Storybook 以視覺測試元件。免費的 31 頁電子書。
• 在 Discord 與 Storybook 社群聊天互動。只要你幫助其他 Storybook 使用者，Storybook 使用者也會幫你。
• Storybook 部落格展示能夠讓 UI 開發工作流程一致的最新版本與功能。

Storybook 入門教學是誰做的？

Chromatic 製作了文字、程式碼與影片剪輯。這份教學是受到 Chromatic 很受歡迎的 GraphQL + React 教學系列所啟發。

還想要有更多這樣的教學和文章嗎？請加入 Storybook 的郵寄清單。