Histoire Deep Dive
summary
Histoire is a Vite-native storybook that runs on the Vite dev server plus a Vite Node process to collect Vue story files and metadata, uses virtual modules to stream a precompiled UI the browser dynamically imports, and plugs into Vite hot module replacement to refresh the story tree. It supports Vue 3 plugins and iframe rendering with state synchronization between controls and content, auto-generates stories from Tailwind tokens, and emits static code for production builds.
AI-written summary · about
chapters (7)
- 0:00Introduction to Histoire
- 1:55Histoire syntax and setup
- 2:36Vite integration
- 3:18Under the hood: dev server
- 5:15Virtual modules and HMR
- 7:41Rendering and controls
- 9:29State management and build
related talks
25mTechnical dive into Histoire + Vite
43mInside a Pipeline: Demystifying Vite and Its Plugins
21mHow Vite Changes the Game for Vue and Web Developers
26mVite + Nitro: The Full Stack Era
38mHow vite changes the game for Vue and Web development
46mInside a Pipeline: Demystifying Vite and Its Plugins
18mIntroduction to Vite & Vitepress
52mVite Under a Lense