Developing, Documenting, and Testing your Vite app with Storybook
summary
Storybook now runs with Vite using Storybook Builder Vite, and the ecosystem demonstrates concrete wins: over 500 add‑ons, a Component Encyclopedia of ~6,000 public components, and a GitHub rank of 55. The 7.0 work refactors frameworks and renders, prebundles the manager with esbuild (reducing install size ~44% and cutting cold startup to about a quarter), and keeps visual and interaction testing via Chromatic, Playwright, testing-library, Jest mocks, with Mirage JS or MSW for API mocks.
AI-written summary · about
chapters (8)
- 0:00Introduction to Storybook
- 1:53What is Storybook
- 5:05Storybook for development
- 6:33Storybook for collaboration
- 8:40Storybook for testing
- 12:48Writing component tests
- 15:17Setting up Storybook with Vite
- 16:21Storybook 7.0 with Vite
