episode: 250
title: Lessons from Building with Vue 3
guest: Alexander Lichter
hosts: John Papa, Ward Bell

Recording date: Aug 24, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Alexander Lichter @TheAlexLichter

Brought to you by

• AG Grid

• IdeaBlade

Resources:

• Alex’s GitHub
• Alex’s LinkedIn
• Alex’s (old but hopefully soon new) website
• Last episode with Alex about Nuxt.js
• DI in Vue.js
• Vue Vine
• Results
• Composition API vs Options API in Vue 3
• COBOL program structure and divisions
• TypeScript and Vue
• TypeScript with Vue Options API
• Vue 3 Options API vs Composition API
• Vue 3 Setup function
• The 101 Guide to Script Setup in Vue 3
• Internationalization - i18n - in Vue 3
• Reactivity in Vue 3 with ref and reactive
• VueUse
• Ref vs Reactive in Vue 3
• SFC Playground for Vue

Timejumps

• 00:28 Welcome
• 02:16 Welcome Alexander
• 03:07 What is the compositions API vs options API?
• 09:37 Sponsor: Ag Grid
• 10:46 Giving the developer more control over the code
• 13:36 Talking about reusability vs components
• 19:23 What Dependancy Injection is like in Vue?
• 29:19 When should I use href and reactive?
• 42:00 Sponsor: IdeaBlade
• 42:57 Final thoughts
• 46:23 What is Vue vine?

Podcast editing on this episode done by Chris Enns of Lemon Productions.