React + Storybook + MSW + Vitestで作る堅牢なフロントエンド開発術

概要 フロントエンド開発において、コンポーネントの開発、カタログ化、テストは非常に重要ですが、APIリクエストを伴うコンポーネントの場合、これらのプロセスが複雑になることがあります。この動画では、React、Storybook、MSW（Mock Service Worker）、Vitestを組み合わせることで、効率的かつ堅牢なフロントエンド開発アプローチを実現する方法を紹介します。 想定する読者・視聴者 以下のような読者・視聴者を想定しています。この記事は（文量が多くなってしまうので）細部の話までは触れておらず、概要のみ記載しています。詳細に関しては各セクション毎に対応する動画を視聴いただけますと幸いです。 レガシーなアプリにStorybookを導入したい Storybookがあるので、Storyに対してテストを書きたい Storybook + MSW + Vitest(テストフレームワー