まとめ
Storybook で最初の UI を作成しましたね。お疲れ様でした！ここまでの章で UI コンポーネントを作成し、複合させ、テストし、デプロイする方法を学びました。同じように進めていれば、リポジトリーとデプロイされた Storybook は以下のリンクと同じようになっていることでしょう。
📕 GitHub のリポジトリー: chromaui/learnstorybook-code
Storybook は React、React Native、Vue、Angular、Svelte、その他のフレームワークにとって強力なツールです。開発者コミュニティーも活発でアドオンも充実しています。このチュートリアルで紹介した内容は、Storybook で出来ることの一部にすぎません。一度 Storybook を導入すれば、強固な UI を効率的に作れることに驚くことでしょう。
さらに学ぶには
もっと深く掘り下げたいですか？役に立つリソースを紹介します。
-
Storybook の公式ドキュメントには API ドキュメント、コミュニティのリンク、アドオンのギャラリーがあります。
-
楽しい Storybook のワークフローでは Squarespace や、メジャーリーグサッカー、ディスカバリーネットワーク、 Apollo GraphQL といった効率の良いチームにおけるワークフローのベストプラクティスを紹介しています。
-
視覚的なテストのハンドブックでは、コンポーネントを Storybook で視覚的にテストする方法を掘り下げています。無料の 31 ページある eBook です。
-
Storybook Discord では Storybook のコミュニティに参加できます。他の Storybook ユーザーと協力しましょう。
-
Storybook ブログではリリース情報や、UI 開発のワークフローを合理的にするための機能を紹介します。
Storybook チュートリアルについて
文書や、コード、製作は Chromatic の貢献です。このチュートリアルは Chromatic の GraphQL + React tutorial series を参考にしています。
このようなチュートリアルや記事をお望みならば、Storybook のメーリングリストにサインアップしてください。