Technical dive into Histoire + Vite

on YouTube ↗25m

" summary

Histoire claims to let projects write stories as normal Vue components and uses Vite as the build and dev platform to make that practical. It demonstrates virtual modules that generate JavaScript on the fly (exporting a scanned list of stories), the import.meta.hot HMR API for browser ↔ server messaging, and a Vite plugin that registers commands and outputs static code at build time. Demos generate story files and publish successfully.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:58Histoire core features
3. 3:21Why Vite for Histoire
4. 4:27Histoire with Vite Dev server
5. 6:14Virtual modules benefits
6. 8:22Live coding virtual modules
7. 16:45Hot Module Replacement in Histoire
8. 18:51Live coding HMR plugin
9. 19:55Auto story generation
10. 21:00Live demo
11. 22:34Summary

" related talks

• 12mHistoire Deep DiveGuillaume Chau · ViteConf 2022
• 05mIntroduction to HistoireHugo Attal · ViteConf 2022
• 15mNew Ways to VueAnthony Fu · Vue.js London Live 2021
• 21mVue's Road to ViteHaoqun Jiang · ViteConf 2022
• 20mDeveloping, Documenting, and Testing your Vite app with StorybookIan VanSchooten · ViteConf 2022
• 38mHow vite changes the game for Vue and Web developmentAlex Kyriakidis · JSWorld Conference 2022
• 18mIntroduction to Vite & VitepressTim Benniks · Vue.js Global 2020
• 01h 19mVite Panel Discussion 2023Evan You · JSworld Conference 2023