DejaVue

By Alexander Lichter & Michael ThiessenTechnology Education

DejaVue episodes

October 31, 2024Getting Started with Vue.js (with Simone Cuomo)
In this episode of DejaVue, Michael is joined by special guest Simone Cuomo. Together, they discuss how to "get started" with Vue and also topics around general developer culture, such as in-office vs. remote work and the power of mentorship.

Simone also shares learnings and insights from the recent Vuejs.de Conference - as well as his hot take about Vue.js (Hint: it is related to the Composition API!)

And of course, recent topics like AI and whether it is good or bad for beginners shouldn't be left out either.

Enjoy the episode!
Our Guest
Simone Cuomo
Website
Twitter

Chapters

(00:00) - Welcome to DejaVue
(01:51) - Experience with in-office work
(07:20) - Mentorships
(11:57) - Job-ready after university
(18:37) - Learnings from the Vuejs.de Conference
(24:27) - Simone's Hot Take on Vue.js
(31:12) - Getting Started with Vue.js
(38:30) - Tip for reading complex library code
(39:35) - Is AI helpful for junior developers?
(49:07) - Wrapping Up
Links and Resources

Get 15% OFF for your Vue Toronto ticket with code DEJAVUE *

GitKraken
Vuejs.de Conf Panel
VueUse
Simone's new book - Vue.js 3 for Beginners
Simone's first book - Beyond coding
What is a composable

Your Host

Michael Thiessen

Twitter
YouTube
Website

---
Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
51 min
October 25, 2024All about VoidZero - The Interview with Evan You
As a special DejaVue episode - Alex met up with with the creator of Vue, Vite and founder of VoidZero Evan You himself and discuss his new company and the vision of a unified toolchain.
Starting with how the idea of VoidZero came up and finding the right investors went, further discussion revolve around the monetization and why VC money was the way to go instead of other models, such as the sponsorship model of Vue, OpenCore or similar.
Also, we cover a lot of community questions, such as whether Next.js will support Vite in the future, what lessons Evan and team learned from other projects like Rome and when we see the first Vite version with Rolldown.
Enjoy the episode!
Chapters

(00:00) - Welcome to DejaVue
(00:26) - What is VoidZero?
(01:09) - When did you have the idea for VoidZero?
(05:16) - Limits of Vue's funding model
(07:10) - When did you found VoidZero?
(09:20) - The name VoidZero
(11:25) - What is open source will stay open source!
(11:54) - Who is on the VoidZero team?
(14:56) - VC Funding for VoidZero
(18:12) - Picking the right investors
(19:34) - The solved Zero to One Problem
(21:05) - NPM download as metric
(22:02) - Other company models for VoidZero
(28:18) - Lessons Learned from other "unified JS toolchain projects"
(33:21) - Feedback from framework authors
(34:28) - VoidZero and runtime-agnosticism
(37:35) - Projects close to what VoidZero should become?
(38:14) - Upcoming projects which will be integral for VoidZero
(39:50) - The Monetization of VoidZero
(41:55) - Monetizing a toolchain
(43:15) - Are planned services relevant for hobby devs?
(44:12) - How do you plan to divide the funds?
(44:50) - Vue as first class citizen
(48:48) - Impact of VoidZero on time for Vue and Vite
(55:37) - Relationship between VoidZero and UnJS
(56:55) - .config proposal
(57:39) - Migration path from tools like SWC or esbuild
(59:27) - When Next.js will support Vite?
(01:01:34) - oxc-lint and stylistic rules
(01:02:42) - Collaboration with the TypeScript team?
(01:03:04) - TypeScript Checking in VoidZero?
(01:03:32) - Will the formatter support Prettier?
(01:04:05) - License Change to Vite
(01:05:14) - When can we test Rolldown + Vite?
(01:06:30) - Hiring at VoidZero
(01:08:20) - Wrapping up
Links and Resources

Announcement Blogpost
ViteConf Keynote
VoidZero Team
Vite License Change PR
Rolldown Vite Fork
1 hr 9 min
October 17, 2024Pinia and Data Loaders (with Eduardo San Martin Morote)
Michael is joined by VueRouter and Pinia Author Eduardo San Martin Morote aka posva.
Together, they go deep into questions around the de-facto standard state management tool and why people should use Pinia, but also discuss what Data Loaders and Pinia Colada are (not the drink friends!).
Further, the two content creators discuss how Mastering Pinia came together and what challenges are to expect when going from a "live workshop" to recorded videos.
And of course, we can't forget upcoming conferences and meetups - with a sneak peek of what posva might present 👀
Enjoy the episode!
Our Guest
Eduardo San Martin Morote
Website
Twitter
YouTube

Chapters

(00:00) - Welcome to DejaVue
(00:46) - Upcoming Vue Conferences
(03:46) - Eduardo's Involvement in VueX
(05:03) - Why would you use Pinia?
(11:50) - Another view on stores
(14:14) - Insights from Mastering Pinia
(20:16) - Live Workshop vs recorded videos
(26:00) - How to improve tech video content
(29:09) - Data Loaders API
(34:31) - Pina Colada vs GraphQL
(36:15) - RFC for Data Loaders
(38:10) - Organising a Meetup
(44:56) - Wrapping up with a discount
Links and Resources

Get 15% OFF for your Vue Toronto ticket with code DEJAVUE *

Pinia
Mastering Pinia*
Pinia Disasterclass Talk
Mastering Nuxt*
DejaVue #E015 - Ten Years of Vue.js (with Evan You)
Data Loaders

Your Host

Michael Thiessen

Twitter
YouTube
Website

---
Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
47 min
October 10, 2024Inertia.js (with Joe Tannenbaum)
Vue.js can be used in many different ways - with a meta framework, as a plain SPA, via the script tag and also with Inertia! Created in the Laravel ecosystem with adapters for various back- end front-end frameworks, Alex and Michael got a special guest on the episode who couldn't fit better to illustrate what Inertia is capable of.
Joe Tannenbaum, Software Engineer at Laravel and Inertia contributor goes all in-depth on the capabilities of the library, as well as sweet features and changes coming up for the future Inertia v2 release.
Looking for an easy way to write applications? After this episode, you might have found it.
Enjoy the episode!
Our Guest
Joe Tannenbaum
Website
Twitter

Chapters

(00:00) - Welcome to DejaVue
(00:56) - What is Laravel and when did you got into it?
(05:40) - Does Laravel has starter kits?
(07:41) - Laravel Cloud, funding and growth
(13:22) - What are TUIs?
(16:37) - What is Inertia?
(22:15) - How would Authentication work with Inertia?
(24:01) - Adapters for Phoenix and Rails
(25:08) - Feature in Inertia version 2
(32:53) - Breaking changes for v2
(33:56) - Composition API or Options API?
(37:27) - What part is the routing layer?
(38:48) - Further Inertia Helpers
(41:14) - Inertia's SSR story
(45:17) - Data fetching
(46:48) - When not to Inertia?
(47:45) - How much do you think about Inertia when coding?
(50:09) - Too many amazing things to use
(52:20) - Wasn't Inertia "done"?
(54:23) - Wrapping up
Links and Resources

Get 15% OFF for your Vue Toronto ticket with code DEJAVUE *

Jess Archer - "Unveiling Laravel Prompts"
Joe Tannenbaum - "Terminal UIs"
Inertia.js
Laravel
Livewire

Your Hosts

Alexander Lichter

Twitter
YouTube
Website

Michael Thiessen

Twitter
YouTube
Website

---
Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
57 min
October 03, 2024Vue Performance Tips
Vue is fast (actually the fastest SSR framework)! But sometimes apps might a bit more fine-tuning. And by sometimes, we mean rarely.
Still, it can happen - so join Alex and Michael in this DejaVue episode to dive into what tools Vue gives us to improve the frameworks' performance.
Further, they dive into the recent SSR benchmark and what it means for you as a developer, as well as striving topics like perceived performance.
Enjoy the episode!
Chapters

(00:00) - Intro
(01:14) - The topic of this episode - Performance
(02:05) - Optimizing for performance from the beginning?
(04:03) - Prop stability
(08:18) - v-once
(10:45) - v-memo
(12:57) - Does v-pre fit into the mix?
(14:28) - Recalculation of computed's
(20:47) - Virtualization
(24:05) - shallowRef
(27:25) - Vapor Mode in the future
(28:44) - Server Side Rendering
(29:14) - The recent SSR benchmark
(31:35) - Results of the benchmark
(32:00) - What does this mean for you?
(35:19) - Perceived performance
(37:33) - Improving SSR performance
(39:12) - VueConf Toronto
(40:20) - Wrapping up
Links and Resources

15% discount for the VueConf Toronto* with code DEJAVUE

DejaVue #E026 - Vue 3.5 Analyzed
DejaVue #E027 - Working at AWS (with Erik Hanchett)
v-once
v-memo
v-pre
The shallowRef guide
Performance Vue Docs
Michael Reactivity From Scratch Free Course
Vapor Mode
Reading vuejs/core-vapor
DejaVue #E001 - The Need for Server-Side Rendering (SSR)
Alex' SSR Benchmark video

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
41 min
September 26, 2024Working at AWS (with Erik Hanchett)
While Alex is at PragVue, Michael is joined by Developer Advocate Erik Hanchett who works at no other company than AWS. In this DejaVue episode, they discuss the different duties of a Developer Advocate and skills one need to become one, as well as everything around content creation and conferences.
In addition, Erik shares how it is to write Vue code as a Software Engineer at AWS, which he did for multiple years.
Enjoy the episode!
Our Guest
Erik Hanchett
Website
Twitter
YouTube

Chapters

(00:00) - Welcome to DejaVue
(00:35) - How would you describe your job?
(03:20) - Do you miss the deep technical problems?
(09:41) - Duties when speaking at a conference
(12:50) - What is Developer Advocacy?
(23:30) - Which skills do you need to be a Developer Advocate?
(26:40) - Your first content pieces doesn't have to be perfect
(28:16) - First Five unreleased DejaVue episodes
(29:44) - Putting yourself out there
(32:09) - Erik's first podcast guest appearance ever
(37:10) - Using Vue.js at Amazon Web Services
(41:29) - How did you get into Vue?
(43:16) - Working on AWS Open Source projects
(45:06) - Migrating a library from Vue 2 to Vue 3
(49:48) - Nested Slot Bonanza
(51:34) - Angular, React and Vue devs in the same project
(52:15) - Wrapping up
Links and Resources

Get 15% OFF for your Vue Toronto ticket with code DEJAVUE *

AWS Amplify
VueUse
Vue Demi
XState

Your Host

Michael Thiessen

Twitter
YouTube
Website

---
Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
55 min
September 19, 2024Vue 3.5 Analyzed
Vue 3.5 came out recently, so why not using the opportunity to dive into the features of the new minor version? Michael and Alex will do so and discuss performance improvements, SSR features and new composables in detail.
If you wondered what the difference of the future Lazy Hydration and existing async components or what other features are part of the new minor, it is time to tune in ✨
Enjoy the episode!
Chapters

(00:00) - Welcome to DejaVue
(01:26) - Performance improvements in 3.5
(04:59) - Props Destructuring out of experimental
(12:23) - SSR Improvements
(12:52) - Lazy Hydration
(17:10) - How is Lazy Hydration different to existing async components?
(21:42) - useId
(25:25) - data-allow-mismatch
(29:02) - Web Component improvements
(31:42) - useTemplateRef
(34:34) - Deferred Teleports
(38:45) - onWatcherCleanup
(42:37) - Wrapping up
Links and Resources

10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUE

DejaVue #E016 - The Future of Vue.js (with Evan You)
Vue 3.5 announcement blog post
Rolldown
Vite
Evan's Tweet about Vue using Rolldown (there are more though!)
Props Destructure RFC (now part of core)
DejaVue #E001 - The Need for Server-Side Rendering (SSR)
Hydration Error blog post
Vue.js Hydration Explained
Lazy Hydration in Nuxt (voice your opinion!)
Volkswagen package
Volar
DejaVue #E006 - Nuxt Server Components (with Julien Huang)
DejaVue #E004 - Teleports and When to Use Them
DejaVue #E011 - Learning new Vue Features and Concepts (with LearnVue aka. Matt Maribojoc)
VueUse

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
45 min
September 12, 2024Nuxt Modules and Open Source at work (with Lucie Haberer)
In this episode, Alex is joined by fellow Nuxt core team member Lucie Haberer, who is not only a DX Engineer at Prismic, doing open source but also public speaking.
Together they talk about Lucie's recent free Nuxt and Nuxt UI course and how she got into Vue and Nuxt. Lucie explains further why she fell in love with Nuxt modules and which modules she built so far - with some enlightening surprise there!
In addition, they talk about how Open Source works at Prismic - from when they do open source over to sponsoring projects and contributing - and many more insights.
Enjoy the episode!
Chapters

(00:00) - Welcome to DejaVue
(00:49) - A Free Nuxt UI Course
(04:02) - How you got into Vue.js
(06:42) - From Building a Nuxt module for SSG to joining the core team
(13:48) - A module to control your smart lightbulb?
(14:35) - Running a Nuxt module in every Nuxt app on the computer
(19:33) - Public Speaking and Conferences
(23:41) - Local Meetups
(26:26) - Lucie's responsibilities in the Nuxt team
(27:27) - Inbox 0 and GitHub notifications
(28:55) - Building vs. working with a framework
(31:21) - Monkey patching - but don't forget to raise an issue!
(32:11) - Being a DX Engineer
(35:20) - Prismic and Open Source
(40:56) - Open Source Sponsoring
(43:00) - Working with other frameworks
(45:36) - Wrapping up
Links and Resources

$10 off for Michael's Nuxt Tips Collection* with this link and the code DEJAVUE
10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUE

Prismic
Free Nuxt UI Course
unhead
NuxtLink RFC
.nuxtrc
Nuxt Devtools Discussion
defu
DejaVue #E024 - Between Agency Work and Open Source (with Zoey and Dan from SIDESTREAM)

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
48 min
September 05, 2024Between Agency Work and Open Source (with Zoey and Dan from SIDESTREAM)
This DejaVue episode is a world premiere, with having two guests on the episode for the first time! And not only that, the topics are exciting too. Michael and Alex are joined by Dan and Zoey, both working at SIDESTREAM, an agency using Vue and Nuxt to realize projects.
But besides the project business, they also have Sidebase, a non-profit "spin-off" responsible for open-source Nuxt modules like @sidebase/nuxt-auth which some of you might know already!
Listen to the discussion around how doing Open Source benefits SIDESTREAM, how the Vue job market and hiring works, why Vue and Nuxt were chosen first of all and all around Nuxt Auth and further modules. Enjoy the episode!
Enjoy the episode!
Chapters

(00:00) - Welcome to DejaVue
(01:37) - Sidebase vs SIDESTREAM
(03:57) - How did you choose Vue and Nuxt?
(08:21) - Do clients care about your tech stack?
(10:31) - Finding Vue.js Developer to Hire
(14:35) - What brought SIDESTREAM to open source?
(18:45) - Developing Sidebase - From template to starter
(22:11) - Which choices Sidebase offer?
(26:03) - The case against wrapper packages
(28:57) - How did SIDESTREAM benefits from Sidebase?
(33:17) - Inspired by Open Source
(37:42) - Influence from previous projects on Sidebase
(40:33) - Moving from Python to full-tack TypeScript
(45:48) - Separate services or one Nuxt application?
(49:47) - The Sidebase Nuxt Auth Module
(54:14) - Migrating the base of Nuxt Auth to Auth.js
(56:02) - Other Auth solutions
(01:02:37) - Dead ends during module development
(01:07:48) - The future of Sidebase and SIDESTREAM
(01:15:10) - Wrapping up
Links and Resources

$10 off for Michael's Nuxt Tips Collection* with this link and the code DEJAVUE
10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUE

DejaVue #E015 - Ten Years of Vue (with Evan You)
SIDESTREAM
Sidebase
Sidebase Promo Video
Sidebase Launch Tweet
Nuxt CLI Wizard
Prisma
tRPC
Sidebase nuxt-auth module
Sentry
Sentry Nuxt SDK Alpha
Add Sentry to Nuxt 3 recipe
Nuxt Layers Intro
Zod
Auth.js
nuxt-auth-utils
MakerDAO aka Sky

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
1 hr 18 min
August 29, 2024TypeScript and Content Creation (with Matt Pocock)
This episode of DejaVue includes not only knowledge but also a certain degree of magic, as Alex and Michael meet up with the one and only TypeScript Wizard Matt Pocock. Together, they talk about how he became a full-time educator and what the pros and cons are, then of course discussing everything around TypeScript - from Types vs. Interfaces, any vs. unknown, Matt's ts-reset library, Flappy Bird in TypeScript and more amazing nuggets
Enjoy the episode!
Chapters

(00:00) - Welcome to DejaVue
(02:08) - How Matt came to join DejaVue
(03:03) - Becoming a full time TypeScript educator
(05:10) - What do you miss when doing full time content creation?
(08:16) - Being an employee vs. self-employed
(14:42) - Why using TypeScript?
(19:59) - TypeScript only for libraries?
(22:40) - Migrating JS to TS
(28:08) - The build/compile step
(33:20) - Types vs. Interfaces
(37:19) - Declaration Merging pitfalls
(41:35) - TS Reset and TS 5.5 improvements
(48:25) - TypeScript enforcing a way of programming
(51:18) - any vs. unknown
(54:25) - Wrapping up
Links and Resources

$10 off for Michael's Nuxt Tips Collection* with this link and the code DEJAVUE
10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUE

Matt's Truck stream
Badass.dev
NeverThrow
Sentry migrating to TS
Stripe migrating to TS
TS Reset
Dan Vanderkam's PR to TS
TS Flappy Bird
Total TypeScript

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
58 min

About DejaVue

From the publisher's feed

Welcome to DejaVue, the Vue podcast you didn't know you needed until now! Join Michael Thiessen and Alexander Lichter on a thrilling journey through the world of Vue and Nuxt.