Storybook Driven Development を試している

前々から気になっていた Storybook を試して、プロダクトでも採用してみたので所感を書く。 ちなみに、Next.js を使っているけれど、.babelrc の設定とかをやっていれば start-storybook の -s ./ オプションで問題なく動いた。 動機 ここ数年、React を使って component ベースでウェブページを設計することを何度かやってきているが、未だにパスタコンポーネントが出来上がってしまう。そしてパスタコンポーネント群は往々にして開発がつらくなっていく...。 Storybook について Storybook は動的にスタイルガイドを生成できるツールで、React だけではなく Vue や Angular にも対応しているよう。 @storybook/react をインストールして CLI から起動するだけでホットロードしてくれる画面が立ち上がって便利