DejaVue

Alexander Lichter & Michael Thiessen

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. Get ready for weekly episodes packed with insights, updates, and deep dives into everything Vue-related. From component libraries to best practices, and beyond, they've got you covered.

All episodes

Best episodes

Top 10 DejaVue Episodes

Goodpods has curated a list of the 10 best DejaVue episodes, ranked by the number of listens and likes each episode have garnered from our listeners. If you are listening to DejaVue for the first time, there's no better place to start than with one of these standout episodes. If you are a fan of the show, vote for your favorite DejaVue episode by adding your comments to the episode page.

VueConf Toronto Panel (with Evan You, Daniel Roe, Sigrid Huemer and John Leider)

DejaVue

12/05/24 • 43 min

For the first time, the DejaVue Podcast goes "live"! Alex and Michael met up at VueConf Toronto and could do a whole DejaVue episode on stage. Of course, this is even more fun with guests, so they are joined by four speakers of the Conference.

Evan You, Creator of Vue, Vite, Rolldown and Founder of VoidZero,
Daniel Roe, Lead of the Nuxt Team,
Sigrid Huemer, Software Engineer at Sentry, and
John Leider, Creator of Vuetify.

But that's not the end! The audience could ask questions to the whole panel, while the DejaVue hosts curated and selected the most interesting ones.
Learn more about how all of the panelists started with Open Source, which were their biggest achievements, how Impostor Syndrome influenced them, what talks they'd be interested in as speakers and much more

Enjoy the Episode!

Our Panelists

Evan You

Daniel Roe

Sigrid Huemer

John Leider

Chapters

(00:00) - Welcome to DejaVue Live
(00:38) - Introducing our panelists
(02:29) - How did you get into Open Source?
(06:23) - What side projects are you working on?
(11:40) - Do you feel the impostor syndrome?
(18:53) - What were your biggest achievements so far?
(22:42) - How to get started contributing to Open Source?
(34:37) - What kind of talks would you be interested in?
(38:55) - Quickfire questions - What is your favorite Vue feature?
(39:32) - Options API or Composition API?
(39:46) - ref or reactive?
(40:03) - Tabs vs. Spaces?
(40:34) - Favorite Editor?
(40:52) - Conferences in person or remote?
(41:06) - Git - Rebase or Merge?
(41:28) - Podcast, Video or Blogposts?
(41:48) - Your favorite way of writing CSS?
(42:42) - What is your favorite Frontend Framework?

Links and Resources

Your Hosts
Alexander Lichter

Michael Thiessen

---

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.

Pinia and Data Loaders (with Eduardo San Martin Morote)

DejaVue

10/17/24 • 46 min

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

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

---

Signals

DejaVue

08/22/24 • 26 min

It was teased in the last episode already and here it - Michael and Alex talk about the current hype in the front end development community: Signals. But if you as a Vue developer don't feel hyped around it and maybe even didn't hear much around it, fear no more - that is normal and will be explained in the episode too.

Join the two Vue experts covering the history of Signals, what's behind the term and how they work in Vue.js and other major frameworks.
And of course, the TC39 proposal to add Signals to the language itself wasn't forgotten either.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(01:06) - Signals and Reactivity
(04:41) - Functional Programming
(10:51) - Signals in Modern Frameworks
(11:48) - How Signals look like in other Frameworks
(14:20) - Signals in Vue
(15:20) - Signals vs. refs?
(17:51) - A Standard for Signals
(21:54) - Benefits of Signals in the language
(25:16) - Vue.JS DE Conf 2024

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 #E022 - Reactivity in Vue
Haskell
OCaml
Elixir
Elm
Zod
Valibot
Solid.js
Building solid-like Signals in Vue with shallowRef
Vue Docs on Signals
TC39 Proposal
VueUse

VueUse and Our Favorite Composables

DejaVue

06/26/24 • 36 min

VueUse might be a library known to many Vue and Nuxt developers - and if not, it should be quickly! With over 200 functions, composables and utilities, it provides a "standard composable kit" which Alex and Michael take a look at in this DejaVue episode. And more than that, they also share their favorite composables that they use or learnt a lot from. Definitely do not miss that out and stay for the spoilers at the end.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(00:45) - An Introduction to VueUse
(01:59) - How often do you use VueUse?
(03:50) - Using a library or better to DIY?
(05:38) - The Reactivity Layer
(06:43) - Docs, Demos and Source Code
(09:52) - Composable 1 - useEventListener
(13:10) - Composable 2 and 3 - useDebounceFn & useThrottleFn
(17:46) - Composable 4 - useLocalStorage
(24:00) - Composable 5 - useMagicKeys
(29:04) - Util 6 - makeDestructurable
(33:18) - Wrapping up around VueUse
(34:43) - Nuxt Tips Collection
(35:33) - SPOILER!!!

Links and Resources

Ten Years of Vue (with Evan You)

DejaVue

07/04/24 • 60 min

This DejaVue episode is special - Alex and Michael meet up with the creator of Vue, Vite and Rolldown, Evan You himself and talk about the last ten years of Vue!

Starting with how Vue.js started as a side project while Evan still worked at Google, Evan shares the story of how Vue.js came to be and how it evolved over the years. Interesting insights, such as why the Composition API was created and which initial problems should be solved with it, are shared in this episode. And to all that, questions from the Q&A were answered as well, touching topics like petite-vue, if and how the Options API will persist and how opinionated Vue.js is.

After an hour of content and insights, the episode ends with a tiny cliffhanger, as Part Two of the conversation covering the future of Vue, possible Vue 4 features, Vapor mode, Vue 3.5 and more, will be released next week!

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue!
(01:09) - How did Vue.js start out?
(04:48) - The Initial Version of Vue.js
(13:42) - Do new Vue users start without a build step?
(15:02) - Vue's expansion to different use cases
(18:14) - Is Petite Vue dead?
(21:03) - Why Vue 2?
(29:58) - How opinionated is Vue?
(35:15) - The Transition from Vue 2 to Vue 3
(36:32) - How did the idea for the Composition API came up?
(38:24) - Options API vs Composition API
(44:54) - Will the Options API stick around?
(46:10) - Overhead of keeping APIs around
(51:13) - Considering to disable Options API via a flag?
(53:05) - The former class-based API proposal
(58:03) - Classes with Vue's reactivity concept
(59:38) - Whaat, there is a Part 2?

Links and Resources

Reactivity in Vue

DejaVue

08/15/24 • 42 min

Join Alex and Michael on a talk about a key topic in Vue.js - the reactivity system. Before diving into how it works in Vue 3, reactivity in Vanilla JS is covered. Then, the differences between the major Vue versions are discussed, showing an astonishing evolution in terms of DX but also performance when it comes to reactivity.
Of course, the ref vs reactive topic can’t be left out, and neither can signals and vapor mode.
Sounds interesting? Then tune in!

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(01:38) - What is Reactivity in general?
(03:47) - Reactivity in JavaScript?
(07:45) - Reactivity in Vue 1
(09:08) - Changes to reactivity in Vue 2
(10:47) - Reactivity system and caveats in Vue 2
(15:10) - Vue 3 Reactivity with Proxies
(19:00) - No IE11 support
(20:22) - Ref and Reactive in Vue
(25:12) - shallowRef, triggerRef and more
(28:23) - Why not shallowRef by default?
(31:24) - Vue's reactivity system as a standalone package
(34:21) - Vapor Mode
(40:52) - Wrapping Up

Links and Resources

$10 off for Michael's Nuxt Tips Collection* with this link and the code DEJAVUE (Release on Aug 5th)
10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUE
DejaVue #E015 with Evan You
Petite Vue Talk
Debugging Guide: Why Your Vue Component Isn't Updating (and how to fix it)
Marc Backes - Building a Time Machine with Proxies
CanIUse Beowser Usage Stats
Michael Thiessen on ref vs. reactive
Alex's shallowRef guide
Alpine.js
Reactivue - Vue CAPI in React 👀
Arrow-js
Vapor Mode Repo
Vapor Mode Playground

Vue 3.5 Analyzed

DejaVue

09/19/24 • 44 min

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

Data Fetching in Vue and Nuxt

DejaVue

11/15/24 • 46 min

Data fetching is a crucial part of any web application. In this episode of DejaVue, we discuss the different ways to fetch data in Vue.js and Nuxt.js, and how to cache it.

We also talk about the experimental Suspense feature in Vue.js and how it can be used to improve the user experience, as well as how to handle third-party scripts in your application.

In addition, Nuxt's data fetching options are discussed, including the $fetch method, useFetch, useAsyncData and the useNuxtData composable. Finally, we cover server-side caching in Nuxt.js, including route rules, defineCachedEventHandler, and defineCachedFunction.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(00:50) - Which topics should be covered next?
(01:56) - This episodes topic - Data Fetching
(04:13) - Two ways of client-side caching
(06:17) - What is Data Fetching actually - and which library to use?
(08:19) - Suspense in Vue.js
(14:03) - Third Party Scripts
(17:38) - Data fetching basics in Nuxt.js
(20:28) - $fetch vs useFetch
(23:27) - $fetch request deduplication on the server
(24:43) - Caching in Nuxt.js
(28:18) - routeRules of server-side caching
(29:38) - defineCachedEventHandler / defineCachedFunction
(32:19) - Unstorage for storing the cached files
(35:41) - useNuxtData
(40:26) - Why does Nuxt offer more data fetching options?
(45:32) - Wrapping up

Links and Resources

Your Hosts
Alexander Lichter

Michael Thiessen

Tiptap and Vue.js (with Vanessa Otto)

DejaVue

07/18/24 • 54 min

In this episode of DejaVue, Alex and Michael are joined by Vanessa Otto, a Senior Engineer at GitLab and previously being the head of Frontend at Zavvy.

After discussing Vanessa's co-host role in the German Working Draft podcast, it all revolves around the headless editor "Tiptap" in the episode. From hearing why Vanessa chose it instead of other editors and her research around editors, Tiptaps integration with Vue and what the "headless" part of the editor adds to it, over to which use cases are ideal for Tiptap.

And yes, an example repository is included so you can convince yourself of the easiness! Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(00:55) - Guest Introduction
(04:00) - About the "Working Draft" podcast
(09:54) - What is Tiptap?
(12:30) - Is Tiptap framework agnostic?
(15:38) - The headless part of Tiptap
(18:38) - Customization as the biggest benefit?
(23:26) - How Tiptap content is serialized and saved
(25:25) - Maturity of Tiptap
(28:03) - Adding own blocks to Tiptap
(32:01) - Tiptap and Vue principles
(34:42) - Did the community around Tiptap grew?
(36:22) - ProseMirror as the base for Tiptap
(38:50) - Tiptap Extensions - Seamless with Vue?
(42:48) - Calling Tiptap extensions
(46:55) - Call to Action: A fun idea for a Tiptap Project?
(47:09) - Meet Vanessa and Alex in Germany this Autumn!
(48:22) - Why Vanessa chose Tiptap
(51:32) - Wrapping Up!

Links and Resources

10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE
Working Draft Podcast (German)
Vannessa's Research/Comparison Table
Tiptap
awesome-tiptap
awesome-vue
ProseMirror
Vannessa's Example repo with TipTap and OpenAI

Inertia.js (with Joe Tannenbaum)

DejaVue

10/10/24 • 56 min

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

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

Michael Thiessen

---

Show more best episodes

FAQ

How many episodes does DejaVue have?

DejaVue currently has 39 episodes available.

What topics does DejaVue cover?

The podcast is about Javascript, Web Development, Podcasts, Technology and Education.

What is the most popular episode on DejaVue?

The episode title 'Geotastic, a Vue-based Browser Game (with Creator Eduard But)' is the most popular.

What is the average episode length on DejaVue?

The average episode length on DejaVue is 48 minutes.

How often are episodes of DejaVue released?

Episodes of DejaVue are typically released every 7 days.

When was the first episode of DejaVue?

The first episode of DejaVue was released on Mar 23, 2024.

Show more FAQ

DejaVue

Alexander Lichter & Michael Thiessen

Top 10 DejaVue Episodes

FAQ

How many episodes does DejaVue have?

What topics does DejaVue cover?

What is the most popular episode on DejaVue?

What is the average episode length on DejaVue?

How often are episodes of DejaVue released?

When was the first episode of DejaVue?

Comments