Storybook 腐らせない

この記事は 株式会社ゆめみの23卒 Advent Calendar 2023 8日目の記事です。 現代のWebフロントエンド開発において、コンポーネントの効率的な管理と可視化が求められる中、Storybookは開発者にとって欠かせないツールとなっています。Storybookは、コンポーネントをアプリケーションから隔離して単体で表示できるツールです。 しかし、このように有用なStorybookが「腐ってしまう」ことがあります。この記事で「腐る」とは、コンポーネントをStorybookに表示するための設定であるStoryが最新の状態に更新されていない、またはプロジェクトにとって負債になっている状態を指します。例えば、以下のような状態が「腐っている」状態にあたります。 npm run storybook するとそもそもエラーがでて表示されない Storyの存在しないコンポーネントやコンポーネント

[hiranon]

関係ないけど、一瞬「Streabbog(ストリーボック)」と見間違えて、『すみれ』というピアノの小品を思い出してしまいました。

[for-my-internet-demo]

連動してるのかと思ったらそうでもなくて思ってたより面倒

[youhei_nak]

“実装ファイルとは別にStoryファイルを作成し”実装と同じファイルを参照できるようにすると楽ですよね。もったいない。