petite-vue - Progressively enhancing any application?

on YouTube ↗27m

" summary

Claim: petite-vue is a tiny Vue distribution that enables progressive enhancement without a build step. It uses the familiar template syntax, walks the existing DOM (no virtual DOM), and weighs about 6 kB. The talk shows concrete tools: mounting with a v-scope directive, createApp, v-effect, two lifecycle hooks, and component templates. Examples include a counter, to‑do, hamburger, API-driven input and a live demo with GIF and sound that works. Context: roughly 15% of sites use modern frameworks, so petite-vue targets incrementally adding interactivity.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 3:36Progressive enhancement
3. 8:32Why petite-vue created
4. 10:17Counter example
5. 13:51Computed properties & hooks
6. 16:21Side effects & data fetching
7. 17:48Components in petite-vue
8. 20:12petite-vue vs Alpine.js
9. 21:15When to use petite-vue
10. 21:57Live coding party button
11. 26:30Conclusion & Q&A

" related talks

• 32mVue, simple yet scalableEduardo San Martin Morote · Frontend Developer Love 2018
• 26mBuilding Awesome UI Apps with VUEAhmed Bankole · Conf42 JavaScript 2020
• 39mVue.js - developer friendly, fast and versatileAlexander Schwartz · code.talks 2017
• 14mA Vue to A Kill - an introduction to Vue.jsAndreas Ahlgren · NDC Oslo 2017
• 01h 03mVue.js is going to take the worldThiago Passos · NDC Sydney 2020
• 40mVue.js - developer friendly, fast and versatileAlexander Schwartz · Jfokus 2018
• 15mNew Ways to VueAnthony Fu · Vue.js London Live 2021
• 32mState of the VuenionEvan You · Vueconf.US 2020