Fast Stories Powered by Vite; Histoire
summary
A small app called Histoire generates component stories using Vite and Vue, running two Vite servers (node-side story scanner plus a dev server) and delivering dynamic source that updates as controls change. It auto-extracts Tailwind design tokens into hundreds of generated stories, supports variant grids, responsive iframes, and basic visual-regression hooks (Percy), and ships a Next plugin — everything runs live and fast. Histoire integrates with Vite-native and proves the approach works.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:29Why write component stories
- 5:01Goals for improving story writing
- 9:38Introducing Estor and its core values
- 11:21How Estor works under the hood
- 13:48Key features of Estor
- 15:31Getting started with Estor
- 26:49Customizing Estor’s interface and controls
- 29:46Next.js integration with Estor
- 33:04Automatic design system stories with Tailwind
- 35:15Open sourcing Estor and next steps
- 36:43Q&A
