結論

恭喜! 您在Storybook中建立了第一個UI. 在此過程中,您學習瞭如何構建,組合,測試和部署UI元件. 如果您一直關注,您的 repo和部署的Storybook 應如下所示:

📕GitHub回購: hichroma / learnstorybook-code
🌎部署 Storybook

Storybook是 React,Vue和Angular 的強大工具. 它擁有蓬勃發展的開發者社群和豐富的外掛. 這篇介紹揭示了可能的表面. 我們相信,一旦您採用了Storybook,您將會對構建持久UI的效率印象深刻.

學到更多

想深入瞭解? 這是有用的資源.

誰製作了 LearnStorybook.com?

文字,程式碼和製作都是由Chroma. 該教程的靈感來自 Chroma的流行GraphQL + React教程系列.

想要更多這樣的教程和文章嗎? 註冊 Chroma 郵件列表.

Tweet "I’m learning Storybook! It’s a great dev tool for UI components."