Interactive Vue Playgrounds with TutorialKit with Garrison Snelling - Part 2

on YouTube ↗40m

" summary

Live demo builds an interactive Vue playground using TutorialKit on top of Web Containers, installing VueUse into a template, wiring package.json and a package-lock, and showing a runnable terminal plus preview and file overrides. The workshop creates numbered lessons, solution folders, and an app.vue override so HMR and npm/pnpm installs run in-browser; installs work and examples update live, while install/style issues are tracked as GitHub issues. VueUse example shows useStorage code and content side-by-side.

AI-written summary · about

" chapters (9)

1. 0:00Welcome and setup
2. 3:10New TutorialKit instance
3. 8:31VueUse and demos
4. 14:18Terminals in lessons
5. 19:16useStorage lesson
6. 23:13Documenting examples
7. 31:21Finalizing demo
8. 34:29Summary and benefits
9. 35:12Q&A

" related talks

• 38mAn Introduction to the Vue EcosystemHassan Djirdeh · Web Unleashed 2019
• 28mExploring Vue3's Built-In ComponentsPaige Kelley · Vue.js Nation 2023
• 20mPlaying with Interactive DocumentationJason Etcovitch · Next.js Conf 2020
• 24mFull Stack DocumentationRich Harris · JSNation Conference 2022
• 34mComponent Documentation Made EasyBart Ledoux · Vueconf.US 2020
• 35mBuilding Vue 3 On StageMarc Backes · vuejs.de Conf 2022
• 29mVue & TypeScript Up and RunningDaniel Rosenwasser · VueConf US 2018
• 12mLet's Vue Like It's 1999Mike Dodge · Vueconf.US 2020