DejaVue

Yet Another Episode?

Alexander Lichter & Michael Thiessen — Fri, 23 Jan 2026 18:55:00 +0100

It was silent for a while on the DejaVue front. Now, Alex and Michael get back to it for.. yet another episode?
Hear more about why it took so long and what the future plans of the podcast are.

Enjoy the Episode!

Chapters

Your Hosts

Alexander Lichter

Michael Thiessen

Was Nuxt just sold?! (with Daniel Roe and Sébastien Chopin)

Alexander Lichter & Michael Thiessen — Thu, 10 Jul 2025 13:00:00 +0200

In this special episode of DejaVue, Alexander and Michael are joined by Daniel Roe and Sébastien Chopin to discuss the recent acquisition of NuxtLabs by Vercel. Questions like "Was Nuxt just sold", "How much influence has Vercel", and "What is Vercel excepting from the deal" are answered.
If you wonder what impact the deal has on Nuxt, you as a user and developer, as well as the open-source community, you should tune in!

Enjoy the Episode!

Our Guests

Daniel Roe

Sébastien Chopin

Chapters

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.

Vite 7 is out

Alexander Lichter & Michael Thiessen — Tue, 08 Jul 2025 23:03:23 +0200

👉 Don't forget to join ViteConf on October 9-10 in Amsterdam

In this episode of DejaVue, Michael and Alexander look into the major release of Vite 7, including the move to ESM-only, dropping Node 18 support, and adopting the Baseline browser target.
They also discuss the evolving Environment API, upcoming changes in Rolldown-Vite, new Vite dev tools, and more.

Enjoy the Episode!

Chapters

(00:00) - Welcome to DejaVue
(00:48) - Vite 7 without breaking changes
(01:53) - Node Version dropped
(03:13) - ESM-only and Module Formats
(09:04) - What does ECMA and GIF mean?
(10:51) - Browser target to Baseline Wide Available
(14:31) - Environment API
(16:14) - Rolldown-Vite
(17:39) - Cleaning up APIs
(18:11) - Vite Dev Tools
(21:41) - ViteConf
(22:57) - Vite Plugin Vue Beta
(25:04) - Wrapping Up

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

Double Trouble: The Nuxt Surprise (with Daniel Roe)

Alexander Lichter & Michael Thiessen — Mon, 16 Jun 2025 00:54:36 +0200

Big news in the Nuxt ecosystem. While you out there already know what has been announced - some of us didn't. Luckily, Daniel Roe, Head of the Nuxt team joins this DejaVue episode and discusses the highly anticipated "double trouble": Not one, but two major versions for Nuxt are on the horizon.
After over a year of delays, Daniel reveals the strategic decision to release Nuxt 4 in less than a month from now, followed by Nuxt 5 which will include the long-awaited Nitro 3 integration and significant Vite improvements.
The episode covers the smooth migration experience early adopters reported already, the philosophy behind careful breaking changes, and how the team plans to maintain a yearly major release cycle moving forward.

Enjoy the Episode!

Our Guest

Daniel Roe

Chapters

(00:00) - Welcome to DejaVue
(01:19) - The big topic
(02:41) - What are the release plans?
(06:47) - Two major versions soon?
(09:28) - Early adopters of compatibilityVersion 4
(11:56) - Depending on other dependencies and versions bumps
(13:45) - Is bumping the minimum Node version a breaking change?
(16:33) - A Quick Nitro TL;DR
(20:46) - Nitro in other frameworks
(25:20) - Why Nuxt 4 now?
(28:41) - LTS support Plans
(29:53) - Nuxt Bridge
(31:46) - Release Dates and skipping Nuxt 4 altogether
(33:14) - We need Release names!
(35:53) - Release Dates for Nuxt 4 and 5
(40:00) - Wrapping Up

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

The History of Nuxt and NuxtLabs (with Sébastien Chopin)

Alexander Lichter & Michael Thiessen — Thu, 05 Jun 2025 17:23:44 +0200

Join Alex and Michael with special guest Sébastien Chopin, creator of Nuxt.js and CEO of NuxtLabs, to learn more about the origins and evolution of the Vue-based meta framework. Sébastien shares valuable lessons from open source, how he came to create Nuxt.js in the first place and which challenges came with it.

In the second part of the episode, they cover Sébastien's company NuxtLabs - from its inception over to taking Venture Capital and products, such as NuxtHub or Nuxt UI Pro.

Eventually, the NuxtLabs CEO also outlines how they handle sponsorships of maintainers, and what the future holds for Nuxt and NuxtLabs.

Enjoy the Episode!

Our Guest

Sébastien Chopin

Chapters

(00:00) - Welcome to DejaVue
(01:16) - How did you get into programming?
(04:45) - The birth of Nuxt.js
(07:43) - The Elevator Pitch for Nuxt
(10:16) - When not to use Nuxt
(11:20) - Nuxt as Multi Bundler Framework
(12:37) - How does Nuxt scale (in Enterprise)?
(16:04) - Lessons Learned from building Nuxt
(19:47) - How to compare frameworks fairly?
(23:20) - Frameworks converging
(24:22) - Nuxt.js supporting React?
(29:06) - The creation of NuxtLabs
(33:50) - Products of NuxtLabs
(37:11) - Why going all in on Cloudflare for NuxtHub
(41:50) - Vite Environment API
(45:34) - The difference between Nuxt and NuxtLabs
(51:56) - Is Nuxt a VC-backed framework?
(53:51) - Sponsoring Core Maintainers
(56:07) - Freemium in Nuxt
(57:06) - Sneak Peek of the NuxtLabs Roadmap
(59:51) - Where can people find you?

Links and Resources

Your Hosts

Michael Thiessen

Alexander Lichter

---

Motion for Vue (with Matt Perry)

Alexander Lichter & Michael Thiessen — Thu, 15 May 2025 11:09:37 +0200

In this episode of DejaVue, Michael and Alex chat with Matt Perry, the creator of Motion (formerly Framer Motion), about animations in web development.
Matt talks about his journey from designing gaming magazines as a kid to becoming a full-time developer, sharing his experiences with ActionScript, jQuery, and how Motion was born. They discuss how simple and powerful Motion's API is, its ability to work with different frameworks, and how it stacks up against other animation libraries like GSAP and AnimeJS.

But the episode also covers a lot of open source aspects, such as the challenges of keeping Motion going!
Matt explains how Motion+ funds the development of Motion with one-time payments and time-gated (then publicly available) content, to support the project.

Enjoy the episode!

Our Guest

Matt Perry

Chapters

(00:00) - Welcome to DejaVue
(01:20) - How did you get into programming?
(05:18) - Adobe ActionScript
(08:33) - What is Motion (fka. Framer Motion)?
(12:21) - APIs and Limitations
(16:54) - Prerequisites for using Tools
(24:26) - The jQuery of web animations
(26:37) - The birth of Motion
(31:02) - Motion for Vue
(32:40) - Other "Motion for ..." adaptations?
(34:36) - Funding the project - Motion+
(40:00) - One-time Payment and Time-gating
(50:39) - Thoughts on other ways of monetizing Motion
(52:43) - Can AI replace animation libraries?
(57:41) - The difference between Motion and other libraries
(01:01:04) - Closing Thoughts

Links and Resources

Your Hosts

Michael Thiessen

Alexander Lichter

---

Snapshot Testing and Beyond (with The Jared Wilcurt)

Alexander Lichter & Michael Thiessen — Tue, 22 Apr 2025 16:24:06 +0200

In this episode of DejaVue, Alex and Michael are joined by Jared Wilcurt, UI architect and open source contributor, to get knee-deep into the world of testing in Vue.js, especially Snapshot Testing.

Jared shares his journey from React frustration to Vue enthusiasm, and explains how he identified gaps in Vue's testing ecosystem that led to the creation of his Vue 3 Snapshot Serializer library.
No matter if you are a testing novice, wondering why you should bother with tests at all, or an experienced developer looking to improve your snapshot testing workflow, this episode got something for you - from reducing test noise, improving readability, and gaining confidence in your Vue applications and components.

Discover how snapshot testing complements traditional assertion-based tests and why it might be the missing piece in your testing strategy.

Enjoy the episode!

Our Guest

The Jared Wilcurt

Chapters

(00:00) - Welcome to DejaVue
(00:20) - How did you get into Programming?
(05:20) - Learning Vue
(09:46) - Finding gaps in the ecosystem
(12:40) - What is unit testing?
(21:40) - Testing in the frontend
(25:31) - Snapshot Testing
(29:45) - Snapshot Updating Fatigue
(36:09) - Responsibilities & ROI of a Snapshot Test
(42:46) - Using the Snapshot Serializer
(46:40) - Snapshot vs. Visual Regression Testing
(52:57) - A good tip from Daniel Roe
(53:50) - Further Noise Reduction
(01:01:22) - A tighter integration?
(01:05:11) - Wrapping up

Links and Resources

Your Hosts

Michael Thiessen

Alexander Lichter

---

e18e: Ecosystem Performance (with James Garbutt)

Alexander Lichter & Michael Thiessen — Sun, 13 Apr 2025 20:24:47 +0200

In this episode of DejaVue, Alex sits down with James Garbutt, open source maintainer and lead of the e18e initiative. James shares his journey from writing web scrapers as a teenager to maintaining critical JavaScript libraries like parse5 or Chokidar and eventually co-creating the ecosystem performance initiative.

The conversation is then all around e18e, which aims to improve performance across the JavaScript ecosystem through three pillars:

Cleaning up dependency trees
Speeding up popular packages
Creating lighter alternatives to bloated libraries

James explains how the community-driven approach has produced impressive results all across the web development landscape.

Learn about real-world examples of performance improvements, including replacement packages like tinyglobby and nano-staged, and discover how to contribute to e18e even if you're new to open source. James shares also insights on balancing between backward compatibility and performance, bundling dependencies, and also shares future plans for e18e in 2025.

Enjoy the episode!

Our Guest

James "43081j" Garbutt

Chapters

(00:00) - Welcome to DejaVue
(00:34) - Which libraries do you maintain?
(02:10) - How did you get into programming?
(04:57) - What lead you to Vue.js
(06:40) - Not ending up in a framework bubble
(09:41) - Meta frameworks converging
(11:28) - What is e18e?
(15:40) - The purpose of e18e
(18:27) - How to participate?
(20:38) - Are there prerequisites?
(23:59) - Ripple effects from e18e improving the ecosystem
(26:36) - Helping other projects migrate
(30:27) - Considering backwards compatibility
(35:50) - Example for replacement packages
(37:56) - tinyglobby
(40:40) - Edge cases and modular architecture
(43:49) - Performance pattern and anti pattern
(45:32) - Bundling dependencies
(50:48) - What is planned for e18e in 2025?
(56:39) - How do you lead and structure the e18e initiative?
(01:01:42) - Anything else we didn't cover?
(01:02:21) - Wrapping up

Links and Resources

Parse5
Doom in TypeScript
Flappy Bird in TS
LitElement
Speeding up the ecosystem blog post series by Marvin Hagemeister
e18e issue overview
e18e Discord
minizlib install size improvements
Storybook dependency tree reduction
e18e module replacement repository
Anthony Fu's node_modules inspector
Publint by Bjorn Lu
Umbrella CLI
nano-staged (instead of lint-staged)
npm-run-all2
eslint-import-plugin-x (instead of eslint-plugin-import)
tinyglobby (instead of any other glob lib like globby/fast-glob)
fdir
Vite Devtools announcement
Bundling dependencies (and when not to do it)
A lighter Nuxt CLI

Your Hosts

Alexander Lichter

---

Open Source Sustainability (with Daniel Roe, Chad Whitacre & Rijk van Zanten)

Alexander Lichter & Michael Thiessen — Sun, 06 Apr 2025 22:49:30 +0200

Join hosts Michael Thiessen and Alexander Lichter for a special episode of DejaVue - a fascinating panel discussion on open source sustainability with three open source enthusiasts:

Daniel Roe (Nuxt Team Lead),
Chad Whitacre (Head of Open Source at Sentry), and
Rijk van Zanten (CTO and co-founder of Directus).

The panelists dive deep into what sustainability truly means in open source and get deep into the weeds of different licensing models, debating whether open source functions as a gift economy, and discuss the challenges of project governance.

The panel also discusses important questions about leadership structures in open source projects, the role of companies in funding development, and practical ways everyone can contribute to making the ecosystem more sustainable - whether financially or through other meaningful contributions.

Enjoy the episode!

Our Guests

Daniel Roe - Nuxt Team Lead

Chad Whitacre - Head of Open Source at Sentry

Rijk van Zanten - CTO and co-founder of Directus

Chapters

(00:00) - Welcome to DejaVue
(04:06) - What is Open Source Sustainability
(12:51) - Open Source as a gift economy
(19:20) - The Projects and their Licenses
(29:50) - Sentry is not Open Source
(34:53) - Open Source Definition and OSI
(37:09) - Why people adopt open source software?
(39:44) - Open Source Governance
(47:50) - Stewarding an open source team
(52:22) - Open Source Leadership
(55:40) - What can YOU do to help open source?

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

New Releases: Nuxt 3.16 and Nuxt UI 3

Alexander Lichter & Michael Thiessen — Fri, 28 Mar 2025 18:18:47 +0100

Nuxt 3.16 dropped and it's packed with goodies! In this episode, Alex and Michael break down all the cool stuff in this release that'll make your Nuxt development smoother.

They dive into the new command to initialize a Nuxt application, the performance-game-changing lazy hydration support that'll boost your app's performance, and named layer aliases (that you've been waiting for). Plus, huge performance improvements, better error messages with Nitro 2.11 and debugging improvements that'll save you hours of head-scratching.

But wait, there's more! The duo also geeks out over Nuxt UI v3, which (surprise!) now works with plain Vue.js too - not just Nuxt. Learn how it leverages Tailwind v4, introduces a sweet CSS variables-based design system, and builds on Reka UI primitives for better accessibility. And somehow, a discount code for Nuxt UI Pro* *cough DEJAVUE cough* gets snuck in there too!

Enjoy the episode!

Chapters

(00:00) - Intro
(00:54) - Nuxt 3.16 Feature Overview
(01:27) - A new way to initialize Nuxt projects
(07:06) - Lazy Hydration in Nuxt
(16:05) - Named Layer Aliases
(17:45) - Lines of Code vs. Complexity
(20:16) - What a new Nitro minor brings to the table
(21:33) - Fine-grained debugging options
(23:25) - Nuxt Devtools v2
(25:47) - Faster module resolution (and faster boot up time)
(27:39) - Using OXC to speed up component parsing
(28:58) - Benchmark performance improvements
(31:43) - Nuxt UI v3
(40:58) - Sneak peek at next weeks episode 👀
(41:17) - Suggest a new slogan!

Links and Resources

Mastering Nuxt is out now!*
Nuxt UI*
Get 20% OFF Nuxt UI PRO* with discount code DEJAVUE

Your Hosts

Alexander Lichter

Michael Thiessen

---

Visualizing Data in Vue (with Dennis Adriaansen)

Alexander Lichter & Michael Thiessen — Fri, 21 Mar 2025 11:21:38 +0100

In episode 52 of DejaVue (yes, it is a whole year), Dennis Adriaansen joins Michael and Alex to discuss data visualization in Vue.js. Dennis shares insights about building chart components, his experience with different charting libraries, and introduces his own Vue charting library. They explore topics like chart customization, performance considerations, and integrating charts into dashboards.

The conversation also gets into broader topics such as open source sustainability, UI libraries, and backend integrations with Nuxt.

Enjoy the episode!

Our Guest

Dennis Adriaansen

Chapters

(00:00) - Welcome to DejaVue
(00:33) - A year of DejaVue
(01:20) - Another announcement from Michael
(02:52) - How did you get into programming?
(07:07) - Would people choose Vue more if it was more popular?
(11:37) - Podcasts and Hot Takes
(19:03) - Why charts?
(21:05) - How do you get started with building chart components?
(23:39) - What was your use case for charts?
(25:16) - What does Unovis provide?
(29:31) - Why not other Chart Libraries?
(34:34) - Performance of Charts
(38:48) - A tiny Vapor update
(40:40) - Which Charts does your library support?
(44:10) - When do you do Open Source?
(45:05) - Open Source Funding & Contributions
(49:47) - What makes a good Dashboard?
(52:03) - Which backend do you use with Nuxt?
(58:41) - Do you have a preferred UI library?
(01:01:43) - Where can people find you?

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

Vite Inside Out (with Matias "Patak" Capeletto)

Alexander Lichter & Michael Thiessen — Fri, 14 Mar 2025 00:21:25 +0100

Vite is amazing, I think we can all agree on that statement. But what is Vite actually!? Why is it so great, faster than webpack and the "de-facto standard of the web" already?

Alex is joined by Vite Core Team member Matias Capeletto, better known as Patak, to talk about all these questions.

Learn about the future of Vite, how it uses two bundlers under the hood and why almost every framework adopted it. Enjoy the episode!

Enjoy the episode!

Our Guest

Matias "Patak" Capeletto

Chapters

(00:00) - Chapter 1
(00:00) - Welcome to DejaVue
(52:00) - How did you get into programming?
(05:19) - Working on Open Source Full Time
(08:16) - What is Vite?
(18:48) - Why is Vite so fast?
(22:19) - Rollup and ESBuild?
(26:22) - VoidZero and Rolldown
(34:08) - The Scope of Vite
(36:27) - Vite Environment API
(45:49) - Converging Frameworks
(50:51) - Funding in Open Source
(01:04:24) - React as "the last framework"?
(01:10:18) - CRA Deprecation
(01:24:41) - Where can people follow you?
(01:26:09) - Last Words

Links and Resources

Your Hosts

Alexander Lichter

---

DevRel and IDEs (with Jan-Niklas Wortmann)

Alexander Lichter & Michael Thiessen — Thu, 06 Mar 2025 16:43:51 +0100

For episode number 50 (not 51 Alex!), Angular GDE and JetBrains DevRel Jan-Niklas Wortmann joins the show. Together with Michael and Alex they dive into Jan-Niklas' angle of being a DevRel, how framework communities are different and why people should give WebStorm a try. Beyond that, Volar and LSPs are also covered, as well as some new announcements!

Enjoy the episode

Our Guest

Jan-Niklas Wortmann

Chapters

(00:00) - Welcome to DejaVue
(01:19) - Guest Intro
(03:49) - Difference of Framework communities
(08:56) - The Ups and Downs of DevRel
(19:52) - Advice for people doing DevRel
(25:05) - What is JetBrains?
(27:46) - Reluctance to change Tools
(31:01) - Why one should check out WebStorm
(42:21) - TypeScript and AI in the IDE
(48:06) - A web-dev newsletter for your coffee break
(49:56) - Where can people follow you?

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

The Fusion of Laravel and Vue (with Aaron Francis)

Alexander Lichter & Michael Thiessen — Thu, 27 Feb 2025 11:29:54 +0100

In this episode, Michael and Alex are joined by Aaron Francis, software developer, content creator, and co-founder of Try Hard Studios.

Besides covering Aaron's journey into programming, they dive into Fusion, a new library that Aaron has been working on which will fuse your Laravel backend together with your Vue frontend, allowing you to write PHP and Vue in the same file. The three developers dive deep into the technical details of Fusion, how it works under the hood, and also how the community reactions have been so far.

Enjoy the episode!

Our Guest

Aaron Francis

Chapters

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

AI and Vue.js (with Daniel Kelly and Patrick van Everdingen)

Alexander Lichter & Michael Thiessen — Thu, 20 Feb 2025 19:50:55 +0100

AI is a hot topic in the tech industry, but how does it intersect with Vue.js?

In this special episode, Michael and Alex host a panel at Vue.js Nation 2025 and are joined by two amazing guests:

Patrick van Everdingen, AI Solutions Engineer
Daniel Kelly, Lead Instructor at Vue School

The four developers discuss how AI and Vue can work together. Will we all lose our jobs to AI? How does AI might influence the job market and which tips for Vue.js developers are the most important to know regarding using AI in their projects and workflows? You'll get answers to all these questions, and more in this episode.

Thanks again

Enjoy the Episode!

Our Panelists

Patrick van Everdingen

Daniel Kelly

Chapters

(00:00) - Welcome to DejaVue
(01:08) - Guest Introduction
(02:29) - Will we all lose our jobs to AI?
(09:24) - How have you integrated AI into your daily workflow?
(14:31) - What is your best tip/advice for using AI with Vue.js?
(18:03) - Does the role of documentation diminish with AI?
(26:21) - How do framework and library authors need to adapt to AI?
(31:05) - Where does environmental responsibility intersect with AI?
(38:06) - LLMs and Privacy
(43:10) - How will AI influence the job market?
(45:36) - Where can people find you?

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

A Vue at Alexander Lichter

Alexander Lichter & Michael Thiessen — Thu, 13 Feb 2025 01:06:23 +0100

If you've listened to the last episode, you know what is coming next! It is time to get take a Vue at the other host of this podcast. Michael is asking Alex all around his past - from how we got into programming and web development, if university was worth it and how he got into the Nuxt Core Team.
Also don't miss out how Minecraft is part of the history, what non-tech job Alex would do if programming wouldn't be in the cards, and why is GitHub account is over 14 years old.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(02:27) - What are you doing for work?
(06:09) - What patterns and bad/best practices have you noticed?
(11:18) - How is it being on the Nuxt team?
(14:05) - Joining the Nuxt team
(17:28) - How did you get into programming?
(25:03) - From Gaming to Modding and Programming
(30:02) - Getting into Web Development
(31:11) - Founding a company
(40:34) - Which courses from university stood out?
(53:49) - What happened between uni and now?
(01:00:12) - When did you start doing YouTube and why?
(01:06:25) - Quickfire
(01:06:38) - Why did you move to Amsterdam?
(01:07:32) - Do you still Minecraft or other games?
(01:08:47) - What topic you could give an impromptu talk on?
(01:10:49) - Wrapping up

Links and Resources

Join Vue.js Amsterdam 2025 - Get 10% OFF with the code "DEJAVUE"
DejaVue #E046 - A Vue at Michael Thiessen
DejaVue #E045 - Formkit and Hot Takes (with Justin Schroeder)
DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe)
How to use the repository pattern in Nuxt
Alex' first Minecraft plugin
Alex' Old Bukkit account
Alex' First Issue (actually his 2nd but who counts these!)
SmartGain website
Building an Association Manager Playlist
PaladinsCounter side project showcase
Mastering Nuxt*

Your Hosts

Alexander Lichter

Michael Thiessen

---

A Vue at Michael Thiessen

Alexander Lichter & Michael Thiessen — Thu, 06 Feb 2025 14:32:53 +0100

The guest of this episode is one you've heard on here quite often - but do you also know him well? Together, we take a look (or Vue 👀) at Michael Thiessen, co-host of this podcast.
Learn how his average day looks like, how he became a full-time content creator and find out what he did before getting into Web Development, plus insights on how he created his first course and dealt with impostor syndrome.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(00:39) - Concept of this episode
(02:00) - What are you doing for a living?
(02:51) - Why did you start writing content about Vue.js?
(04:57) - From a blank page to a blog post
(07:36) - How Michael became a full-time educator
(12:37) - What was the fist course you created and why that one?
(15:45) - Give Feedback!
(19:54) - The key part of creating content
(22:32) - How many hours do you work?
(27:01) - What does an average day look like?
(30:24) - The point to switch to being an full-time educator
(35:10) - How did you get into programming?
(40:17) - Computer Science vs Software Engineering in university
(43:31) - Other learnings from university
(46:43) - How did you find a job after university?
(48:19) - Why Web Development?
(49:46) - From React to Vue
(51:20) - How did you start with public speaking?
(52:30) - Quickfire Questions
(52:38) - If not a developer, what would you be?
(53:02) - Your favorite non-tech hobby?
(53:43) - If you could choose any dev, who would you want to collaborate with and on what?
(54:49) - Where can people follow you?
(55:45) - Wrapping Up

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

FormKit and Hot Takes (with Justin Schroeder)

Alexander Lichter & Michael Thiessen — Fri, 31 Jan 2025 00:11:44 +0100

Together with the FormKit author Justin Schroeder, Michael and Alex discuss the challenges of building forms on the internet.

While it seems like a simple task, forms can be complex and pretty time-consuming. Especially when it is more than a Newsletter or Contact Form.

Justin shares his experience building FormKit (multiple times), a form library for Vue.js, and how it can help developers build forms faster and more efficiently. From Accessibility to actually covering edge cases such as form hydration and repopulation!

Of course, we couldn't let Justin go without talking about some of his hot takes from Vue in 2024, over to Vapor Mode, and Tailwind.

Enjoy the episode!

Our Guest

Justin Schroeder

Chapters

(00:00) - Welcome to DejaVue
(00:23) - Guest Introduction
(01:15) - How did you get started in programming and Vue.js?
(06:02) - Frameworks as resource for learning patterns
(11:21) - The biggest reason to change a framework
(14:12) - Which framework would you choose for a new project?
(16:26) - SolidStart as a fresh start for a framework?
(17:56) - Adapting and managing expectations as a maintainer
(23:14) - Why Forms are hard and how does FormKit came up?
(32:26) - Accessibility for complex forms and components
(44:37) - How does FormKit sustain itself?
(49:13) - Physical to digital Forms with AI
(53:21) - Do you have to utilize AI as a Developer?
(01:03:42) - Justin's Hot Takes 🌶
(01:04:21) - Vue in 2024
(01:06:22) - Vapor Mode
(01:12:34) - Tailwind and headless components
(01:24:42) - Wrapping up

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe)

Alexander Lichter & Michael Thiessen — Thu, 23 Jan 2025 23:17:47 +0100

After our recap episode on 2024, it is time to look into 2025 - and share our predictions and even some rather spicy hot takes what developers can expect in 2025. Of course, Michael and Alex once again have the Nuxt team Lead Daniel Roe on the show to get some insights on his takes as well!

Find out more about their thoughts on Vue Vapor, Nuxt 4, Conferences, Alien Signals, Vue 4, Nitro and many more topics that will be (most likely) relevant in this year.

While the focus is mainly Vue and Nuxt, topics around general Web Development are covered too - from AI to Open Source and the job market in 2025.

Enjoy the Episode!

Our Guest

Daniel Roe

Chapters

(00:00) - Welcome to DejaVue
(01:21) - Daniel's Injuries and Accessibility
(03:13) - Fake teeth and other foolery
(04:10) - Biomodding your teeth
(06:25) - Is 2025 the year of Nuxt 4?
(11:49) - React Metaframeworks and the year of Nitro?
(17:28) - Course Announcements
(21:41) - No more Vinxi in 2025?
(26:03) - A prediction from the future
(31:14) - Will 2025 shift Open Source Sustainability...
(32:08) - ...driven by the WordPress incident?
(36:37) - Why hasn't there been a WordPress fork?
(39:10) - More amazing Conferences coming in 2025?
(42:55) - Vue Vapor in 2025
(47:56) - The Year of AI Agents?
(53:10) - Alien Signals Adoption in the JS World
(54:14) - Vue 4 coming in 2025?
(55:17) - A Unified JavaScript Toolchain in 2025?
(56:12) - The Developer Job Market in 2025
(01:00:21) - What are you predictions for 2025?
(01:00:56) - Daniel's info and Alex' last prediction

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

The Year in ReVue (with Daniel Roe)

Alexander Lichter — Thu, 16 Jan 2025 22:10:23 +0100

Of course, we can't fully start into 2025 with a little ReVue of the past year. And to make sure to catch all the highlights, Alex is joined by Daniel Roe, full-time open source developer and lead of the Nuxt team to go through some notable events of 2024 in the Vue and Nuxt ecosystem.

In addition to the shining moments of 2024, don't miss out a deep dive into web fonts, learn why Nuxt 4 isn't out yet if you didn't know already and maybe even get a slight glimpse into 2025 and Nuxt 5.

Enjoy the Episode!

Our Guest

Daniel Roe

Chapters

(00:00) - The Year in ReVue
(01:08) - Daniel's favorite release in 2024
(02:20) - How did Nuxt Fonts evolve in the past year?
(03:58) - Benefits of Nuxt Fonts
(05:38) - Possible Future Improvements of Nuxt Fonts
(07:45) - What devs do wrong with fonts
(09:29) - The one CI tip saving you troubles
(11:01) - Vue 2 going EOL
(13:20) - Vue's development progress in 2024
(14:31) - Alien Signals
(17:24) - Tooling in Vue
(19:20) - Triaging the ecosystem
(23:53) - Our favorite Nuxt.js improvements
(30:25) - Nuxt 4
(37:14) - Nuxt 2 going EOL and Nuxt Bridge
(41:51) - Incremental improvements in the Vue Ecosystem
(45:24) - The Open Source Pledge
(47:45) - VoidZero
(49:30) - Our Favorite Vue.js Features in 2024
(52:19) - Quickfire
(54:22) - Honorable Mentions
(54:47) - Your feeling about the Vue and Nuxt ecosystem in 2024
(55:51) - Wrapping Up

Links and Resources

Join Vue.js Amsterdam 2025* and get 10% off with code DEJAVUE

Your Host

Alexander Lichter

---

Creating Technical Content (with Adam Jahr)

Alexander Lichter & Michael Thiessen — Thu, 09 Jan 2025 23:16:36 +0100

In this episode, Michael talks with Adam Jahr, Founder of Vue Mastery, all about creating technical content - and how this is relevant for you as a developer.

Tune in and figure out how Adam founded Vue Mastery, what his biggest learnings from his Coding Bootcamp times were and learn key tips that can set your content apart from others!
And as a bonus - learn what creating content, regardless the format, has to do with Harry Potter or Lord of the Rings.

Ready? Then wait no further

Enjoy the Episode!

Our Guest

Adam Jahr

Chapters

(00:00) - Welcome to DejaVue
(01:03) - Why creating technical content is key
(02:16) - What is Vue Mastery?
(05:52) - Biggest learnings from Coding Bootcamp times
(09:46) - Getting in touch early with the Vue community
(15:03) - Splitting time between marketing and creating content
(18:40) - Importance of different Creators and learning Formats
(20:07) - How to reach and teach developers
(31:41) - The same framework applied to sales
(33:19) - Applying it to your own stuff
(34:44) - A glimpse down the rabbit hole
(39:22) - Creating an open loop
(43:32) - Music Production and Sourdough
(47:47) - Show them the "Why"
(52:45) - Isolating focus
(58:26) - Magic Move and Animations
(01:03:18) - Where can we follow you Adam?
(01:04:19) - Wrapping up

Links and Resources

Join Vue.js Amsterdam 2025* and get 10% off with code DEJAVUE

Your Host

Michael Thiessen

---

The Quadruple Migration (with Rijk van Zanten)

Alexander Lichter & Michael Thiessen — Thu, 02 Jan 2025 17:59:10 +0100

To start the year light and fun, Michael and Alex are joined by Rijk van Zanten, the creator of Directus.

Of course we talk about his journey into web development, the Vue.js ecosystem, what Directus is and why he chose Vue over other frameworks for it's extensible frontend.

Further, Rijk shares his thoughts on the Vue.js job market and how his "Quadruple Migration", over to the Composition API, Pinia, Vue 3 and Vite, went. As a cherry on top - this all started *very* early in the development cycle of Vue 3!

But the fun doesn't and there because Rijk comes with the one or the other hot take on topics like TypeScript and whether our libraries will be worse for JavaScript developers, testing, and many many other scenarios.

Enjoy the Episode!

Our Guest

Rijk van Zanten

Chapters

(00:00) - Welcome to DejaVue
(00:47) - How did you got into Web Development and Vue?
(03:10) - Does Vue appeal to a certain kind of people?
(05:35) - The web as the primary platform
(07:47) - What is Directus?
(10:34) - Why Vue.js and not React for Directus?
(18:28) - Jobs for Vue vs. React Developers
(26:33) - Green Flags for Hiring Candidates
(27:19) - Composition API and Pinia from 0.0.1
(39:02) - Breaking changes and Migrating from early versions
(44:28) - Testing when Prototyping - Unit and E2E
(53:11) - The right level of Testing for the project
(55:56) - Mutation Testing
(59:09) - Does TypeScript makes us writing worse JS libraries?
(01:09:09) - Dealing with Legacy and EOL
(01:18:38) - Where can people Follow you?
(01:19:42) - Wrapping up

Links and Resources

Join Vue.js Amsterdam 2025* and get 10% off with code DEJAVUE

Your Hosts

Alexander Lichter

Michael Thiessen

---

Composition API vs Options API Special

Alexander Lichter & Michael Thiessen — Thu, 26 Dec 2024 11:50:11 +0100

This DejaVue episode comes as a little special! As a belated Christmas present, we got everything, literally everything that was discussed on this podcast about one big topic: Composition API vs. Options API.
A lot of our previous guests had their own takes on the two APIs - and some might surprise you! So, why not tuning in and hear fifteen people talk about their opinions, insights and suggestions when it comes to using their preferred API in Vue - and why.

Oh, and yes - there is even a little spoiler for next weeks episode

Enjoy the episode!

Chapters

(00:00) - Welcome to the DejaVue Special
(00:37) - Evan You
(18:04) - Natalia Tepluhina
(26:09) - Tim Benniks
(27:11) - Joe Tannenbaum
(30:14) - CJ Reynolds
(37:33) - Simone Cuomo
(41:28) - Sumit Kumar
(48:29) - Jakub Andrzejewski
(49:54) - Rijk van Zanten
(53:47) - Eduardo San Martin Morote
(57:46) - Vue Toronto Panel
(58:18) - Wrapping Up

Links and Resources

Referenced Episodes

Your Hosts

Alexander Lichter

Michael Thiessen

Migrating a SaaS from Nuxt 2 to Nuxt 3 (with Sumit Kumar)

Alexander Lichter & Michael Thiessen — Fri, 20 Dec 2024 01:51:30 +0100

The second half of the conversation with Sumit Kumar focuses all on the technical side of his SaaS.

At first, Michael and Alex talk about Sumit's experience with the migration from Nuxt 2 to Nuxt 3 - and we all know this isn't an easy one. Further, the Composition API vs. the Options API, as well as structuring code and writing good composables are discussed.
And of course, the question if Sumit considered rewriting the application based on another tech stack was part of it too - he had really good reasons why he didn't!

Time to tune in.

Enjoy the Episode!

Our Guest

Sumit Kumar

Chapters

(00:00) - Welcome to DejaVue
(00:44) - How did your Nuxt migration go?
(02:32) - When did you start considering migration and why not earlier?
(04:42) - Composition API only packages and other pitfalls
(06:46) - Steps that you tried out
(10:11) - No such migration anymore
(10:28) - Time frame of the migration
(12:07) - What is CAPI and what stays OAPI
(15:31) - Getting acquainted with the Composition API
(18:28) - Structuring your Script part
(26:00) - Reusing Composables
(30:56) - Changing the Tech Stack?
(38:35) - Wrapping Up

Links and Resources

Fill out the State of Vue.js Survey

Your Hosts

Alexander Lichter

Michael Thiessen

---

Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar)

Alexander Lichter & Michael Thiessen — Thu, 12 Dec 2024 18:45:13 +0100

In this episode of DejaVue, Alex and Michael are joined by Sumit Kumar, the founder of Parqet.

Sumit shares his journey from getting into Web Development and Vue.js over to working at Stripe and eventually founding Parqet, a (German) portfolio tracker SaaS. Topics covered in the first part of our conversation include a lot of business insights, such as the transition from being a developer to being a founder, the challenges and benefits of bootstrapping, as well as the importance of marketing.

If you are interested in the business side of things, you definitely should not miss out.

Enjoy the episode!

Our Guest

Sumit Kumar

Chapters

(00:00) - Welcome to DejaVue
(01:28) - How did you get into Web Development and Vue.js?
(04:53) - Converging Frameworks
(07:39) - Previous Work Experiences and joining Stripe
(10:15) - What did you learn from working at Stripe?
(14:05) - The Front Page Test
(16:39) - How did your start Parqet?
(20:12) - The Transition from Developer to Founder
(23:02) - Can you focus only on Programming as a Founder?
(27:03) - Finding a CEO instead of being one
(29:25) - Marketing is Half the Job
(30:24) - How did Parqet grow?
(39:56) - Why don't you share your MRR anymore?
(43:15) - Why did you choose to bootstrap
(49:26) - Niche down strategy
(51:47) - Dealing with GDPR and localization
(01:00:40) - Wrapping up

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

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

Alexander Lichter & Michael Thiessen — Thu, 05 Dec 2024 10:53:14 +0100

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

---

Secure your Vue and Nuxt applications (with Jakub Andrzejewski)

Alexander Lichter & Michael Thiessen — Thu, 28 Nov 2024 19:22:27 +0100

Security is a topic that is often overlooked in the frontend world. But at least for you all - no longer! To make sure we cover Security for Vue and Nuxt applications as broad as possible, Michael and Alex are joined by Jakub Andrzejewski, who is not only a Senior Frontend Developer but also author of the Nuxt Security Module. We cover not only the module but also how to avoid common security mistakes as a Vue developer and how to protect your applications from vulnerabilities, and which are the most common ones.

Of course, we can't miss out on the State of Vue.js Survey, which is currently running and was co-created by Jakub as well!

Besides talking about the Security and the State of Vue.js, we also discuss how Jakub got into Vue.js at first and how he perceived the transition to Vue 3 and the Composition API.

Enjoy the episode!

Our Guest

Jakub Andrzejewski

Chapters

(00:00) - Welcome to the DejaVue Podcast
(00:12) - Introducing our Guest
(02:07) - The Nuxt Ecosystem Team
(07:47) - How did you get into Vue.js
(13:09) - Transition to Vue 3 and Composition API
(17:00) - React Livecoding as a Vue Dev
(18:10) - vue-vine for multiple components
(20:34) - State of Vue
(30:30) - The Nuxt Security Module
(37:36) - Will the module project you from everything?
(41:59) - The ShipFast incident
(45:05) - Ethical Hacking and NPM Security Vulnerabilities
(49:24) - Privilege Escalation at Shopify
(51:45) - Nuxt Security without a Server
(54:28) - More Logic in the Frontend
(55:38) - Nothing to Hide?
(57:28) - Security Mistakes to Avoid as a Vue Developer
(01:02:13) - Wrapping up

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

---

Error Handling in Vue

Alexander Lichter & Michael Thiessen — Mon, 25 Nov 2024 13:16:36 +0100

All of you have seen users do weird things with your application and running into strange scenarios - who can't relate to this?
For this and many other reasons, the right way of error handling is important in you application. Join Michael and Alex on a discussion of the different ways one can handle errors in their application.
That includes not always showing an error page, but also handling errors request-based or component-based!

On that note, error messages and how to write decent ones that are helpful for the users are discussed, as well as how components like NuxtErrorBoundary work under the hood

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(01:22) - The good old error page
(01:58) - Write good error messages!
(03:11) - The Vue global error handler
(05:07) - Server vs. Client Errors in Nuxt.js
(08:34) - The vue:error hook
(09:05) - Global error handling for $fetch and interceptors
(11:10) - Throw unhandled errors in Prod with Vue 3.5?
(13:07) - Component-level error handling
(16:33) - NuxtErrorBoundary
(18:01) - defineAsyncComponent
(18:53) - Request-based error handling
(21:45) - New default values in Nuxt 4
(23:30) - Error Tracking
(26:33) - Actually handling the errors
(28:54) - Wrapping up

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

Data Fetching in Vue and Nuxt

Alexander Lichter & Michael Thiessen — Fri, 15 Nov 2024 16:00:53 +0100

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

LAST CHANCE 15% discount for the VueConf Toronto* with code DEJAVUE

Your Hosts

Alexander Lichter

Michael Thiessen

Vue or React? (with CJ from Syntax)

Alexander Lichter — Fri, 08 Nov 2024 06:00:00 +0100

Alex is accompanied by the wonderful CJ Reynolds in this episode of DejaVue. The Senior Creator at Syntax.fm brings not only Vue experience but also a history of Angular JS and React, as well as various other technologies.

The two content creators talk about how CJ became a senior creator at the well-known Syntax.fm podcast and how it is different from Streaming on Twitch and his previous content creation processes. Further, CJ gives insights on how the Denver Vue meetup evolved (now the DenverScript meetup) and shares some hopes when it comes to the meetup scene.

Alex and CJ then discuss more technical topics - for example why CJ never fully switched over to Vue but still writes it a lot. The discussion eventually goes into comparisons between Vue and React, highlighting what Vue does "better" than React and how the Vue ecosystem shapes the web development work.

Enjoy the episode!

Our Guest

CJ Reynolds

Chapters

(00:00) - Welcome to DejaVue
(00:47) - How CJ joined the podcast
(01:38) - How did you become the Senior Creator at Syntax.fm do?
(06:00) - Differences to previous gigs and streaming
(12:17) - From starting with web development to Vue.js
(15:54) - Running the Vue Denver meetup
(19:25) - Is the meetup scene growing again?
(21:13) - Why didn't you switch fully to React?
(23:49) - What Vue does "better" than React
(27:01) - Two-way data binding
(31:35) - How opinionated is Vue
(32:58) - Vue without a build step
(35:01) - Does Vue "seem" too magical?
(36:07) - "Needing" a meta framework?
(38:50) - Nuxt and the UnJS packages
(41:01) - Frameworks converging
(41:55) - Vue did Signals "first"
(42:58) - Is Vue bad at marketing?
(44:40) - Vue Job market
(45:40) - Vue and Innovation
(46:59) - Vue being left out of the conversation
(50:52) - What stops from switching to Vue?
(53:52) - The change to Vue 3 and the Composition API
(01:02:38) - VueUse as a good example
(01:03:26) - Composition API without script setup
(01:05:56) - Where people can follow CJ
(01:06:34) - Wrapping up

Links and Resources

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

Your Host

Alexander Lichter

---

Getting Started with Vue.js (with Simone Cuomo)

Alexander Lichter & Michael Thiessen — Fri, 01 Nov 2024 00:10:08 +0100

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

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 *

Your Host

Michael Thiessen

---

All about VoidZero - The Interview with Evan You

Alexander Lichter — Fri, 25 Oct 2024 15:34:44 +0200

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

Pinia and Data Loaders (with Eduardo San Martin Morote)

Alexander Lichter & Michael Thiessen — Thu, 17 Oct 2024 19:17:28 +0200

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 *

Your Host

Michael Thiessen

---

Inertia.js (with Joe Tannenbaum)

Alexander Lichter & Michael Thiessen — Thu, 10 Oct 2024 20:08:58 +0200

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 *

Your Hosts

Alexander Lichter

Michael Thiessen

---

Vue Performance Tips

Alexander Lichter & Michael Thiessen — Thu, 03 Oct 2024 17:30:20 +0200

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

Working at AWS (with Erik Hanchett)

Alexander Lichter & Michael Thiessen — Thu, 26 Sep 2024 16:38:50 +0200

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

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 *

Your Host

Michael Thiessen

---

Vue 3.5 Analyzed

Alexander Lichter & Michael Thiessen — Thu, 19 Sep 2024 17:18:05 +0200

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

Nuxt Modules and Open Source at work (with Lucie Haberer)

Alexander Lichter & Michael Thiessen — Thu, 12 Sep 2024 17:00:41 +0200

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

Between Agency Work and Open Source (with Zoey and Dan from SIDESTREAM)

Alexander Lichter & Michael Thiessen — Thu, 05 Sep 2024 16:36:58 +0200

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

TypeScript and Content Creation (with Matt Pocock)

Alexander Lichter & Michael Thiessen — Thu, 29 Aug 2024 16:00:00 +0200

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

Signals

Alexander Lichter & Michael Thiessen — Thu, 22 Aug 2024 15:00:00 +0200

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

Reactivity in Vue

Alexander Lichter & Michael Thiessen — Thu, 15 Aug 2024 15:30:00 +0200

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

Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina)

Alexander Lichter & Michael Thiessen — Thu, 08 Aug 2024 13:58:00 +0200

For the 20th episode we surprise you with a "in-person" podcast episode!

Alex is joined by Principal Engineer and Vue Core Team Member Natalia Tepluhina to talk about two important topics - Documentation and the Migration from Vue 2 to Vue 3.

Learn in this episode what Natalia does in the core team, how difficult writing docs is and how to improve your doc writing skills. Also, gain insights in how GitLab's migration from Vue 2 to Vue 3 is going and get invaluable tips if you also have to migrate a project over!

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue!
(01:32) - When did you start using Vue.js?
(02:42) - How could you introduce Vue at work?
(04:43) - Joining GitLab
(07:15) - Getting into public speaking
(10:05) - Memorable moments as a speaker
(16:22) - Moving to Amsterdam
(18:22) - Being part of the Vue.js Core Team
(20:27) - (Not) Documenting Vue Methods
(22:21) - $parent in Vue 2
(22:59) - AI as the new docs?
(25:00) - Regular Contributors to the Vue docs
(26:14) - Is writing docs is easy?
(31:45) - Documenting Vue 3 at release
(34:04) - Documentation as a garden
(37:00) - Separating Options and Composition API docs
(38:20) - Preferring the Options API for huge teams?
(41:49) - Inline Composables and other architectural patterns
(45:35) - Overusing Watchers
(46:57) - People - Share your thoughts and patterns!
(48:39) - Vue.js DE Conference
(49:14) - Migration from Vue 2 to Vue 3
(50:10) - How the component library blocks migration
(54:10) - Updating Unit tests during migration
(55:16) - No CAPI during migration
(57:13) - Migration of big old projects
(58:45) - Responsibility of library authors
(01:05:01) - Vue 3 Breaking changes
(01:06:31) - Will the migration ever end?
(01:07:48) - Other tips for migrating
(01:09:19) - Migrating without tests
(01:10:45) - Rewrite vs Migration?
(01:11:35) - Not migrating at all?
(01:13:54) - No CAPI during migration?
(01:15:58) - New questions with CAPI
(01:16:58) - Natalia back on stage at a conference?
(01:18:16) - What could the Vue team have done better?
(01:20:21) - Nuxt Tips Collection
(01:21:00) - 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

Nuxt Tips You Have To Know

Alexander Lichter & Michael Thiessen — Thu, 01 Aug 2024 15:00:00 +0200

Are you using Nuxt and want to hear some insights you weren't aware of? Perfect! Then this DejaVue podcast episode is what you need. Michael and Alex are going through more than five big tips around Nuxt, from features under the radar over to a big chunk of amazing benefits and why they exist, all from Michael's Nuxt Tips Collection* which releases on Aug 5th (and of course we got a discount code for you)!

In addition, further topics around the vue-based meta framework like the difference between @nuxt and @nuxtjs modules are discussed as well.

Enjoy the episode!

Chapters

(00:00) - Welcome To DejaVue
(01:49) - Tip 1 - Disable Nuxt's auto imports
(03:54) - Opinion on Auto Imports
(08:12) - Tip 2 - The .nuxtignore file
(10:06) - Tip 3 - Dedupe data fetching
(12:04) - Tip 4 - Custom keyed composables
(17:00) - Tip 5 - Utilizing Layers
(21:41) - App Config
(25:50) - Why is app.config.ts an extra file?
(28:34) - The different types of Nuxt modules
(36:24) - Why are core modules not part of the core?
(38:41) - Go and write a module!
(40:54) - Upcoming Vue.js conference
(41:34) - More Tips?
(42:55) - 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

Insights from the Nuxt Team Retreat

Alexander Lichter & Michael Thiessen — Thu, 25 Jul 2024 09:00:00 +0200

In this episode of DejaVue, Alex and Michael talk about the previous "IRL Nuxt event", which was a team meeting where most Nuxt Core Team members met in France.

Together, they discuss why they met, what happened, why there was a delicious cake and further insights from the retreat, like more breaking changes to Nitro and Nuxt, codemods and other topics.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(01:04) - A real life Nuxt team meeting?
(02:44) - Who was at the meeting?
(04:11) - A cake?
(05:54) - Activities
(09:37) - How DejaVue came to life
(10:37) - Previous Vue Podcasts
(11:57) - Vue.js Australia?
(12:20) - Meetups
(13:23) - Further activities
(14:46) - Nitro breaking changes
(16:06) - Nuxt breaking changes
(18:36) - Meeting IRL more often?
(19:44) - Wrapping up

Links and Resources

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

Tiptap and Vue.js (with Vanessa Otto)

Alexander Lichter & Michael Thiessen — Thu, 18 Jul 2024 17:37:11 +0200

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

The Future of Vue.js (with Evan You)

Alexander Lichter & Michael Thiessen — Thu, 11 Jul 2024 13:00:00 +0200

After the first part, Michael and Alex continue their conversation with the one and only Evan You, covering the future of the modern JavaScript Framework.

Starting straight with possible plans for Vue 4 to address common pain points and no ETA for the next major, exciting improvements like native CSS Scoping or removing the need for declaring props are discussed (though nothing is set on stone)!

Next, Vue 3.5 and it's current alpha version are on the list. We all look forward to the amazing features in the next minor version, including Lazy Hydration, perf improvements, easier types and also new composables like useTemplateRef.

Eventually, the State of Suspense, Vapor Mode, Volar, and Mobile App Development with Vue are addressed as well.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue!
(01:06) - Do you have any plans for Vue 4?
(02:47) - Ref Unwrapping in objects
(05:22) - Native CSS Scoping, Signals and Browser range
(07:12) - Defaulting to script setup and TypeScript
(11:12) - No prop declaring necessary anymore
(13:43) - Nothing set in stone for Vue 4
(14:50) - Vue 3.5 improvements
(15:50) - Internal type improvements
(16:33) - Reactive Props Destructure RFC
(19:31) - useId and useTemplateRef
(21:00) - Do we still need custom directives?
(22:06) - Lazy Hydration
(22:57) - Allowing Hydration mismatches on purpose
(25:10) - Custom Lazy Hydration Triggers
(26:18) - Vue 3.5 Alpha
(26:56) - State of Suspense
(30:17) - Vapor Mode
(33:44) - Performance of Vapor
(35:31) - Volar and the Vue VS Code Extension
(39:09) - Negativity towards Volar
(40:18) - Mobile App Development with Vue
(42:51) - What content would help the Vue community?
(51:07) - Wrapping up!

Links and Resources

10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE
Nuxt UI Pro* - Get 20% off with code LICHTER until July 14th

Ten Years of Vue (with Evan You)

Alexander Lichter & Michael Thiessen — Thu, 04 Jul 2024 14:55:02 +0200

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

VueUse and Our Favorite Composables

Alexander Lichter & Michael Thiessen — Thu, 27 Jun 2024 00:37:56 +0200

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

The Road to Nuxt 4 (with Daniel Roe)

Alexander Lichter & Michael Thiessen — Thu, 20 Jun 2024 16:54:45 +0200

Nuxt 4 is cooking for a while and is close to being released soon. An ideal time for a DejaVue episode where Michael and Alex we explore the upcoming major version of the metaframework with the lead of the Nuxt team, Daniel Roe.

After introducing Daniel, we jump into the power of small changes and how Daniel explains his day job to people. We then dive into why Nuxt 4 is being necessary "now", its top priorities, and how to ease any fears about upgrading (don't worry folks!). Eventually, new Nuxt 4 changes and even features, like the improved folder structure will be discussed. As a bonus, Daniel reveals how he got into programming and that we was a real hacker-man early on.

And of course, Daniel reveals when Nuxt 4 will be released in the final minutes, as well as his upcoming Nuxt for React Devs course.

Enjoy the episode!

Chapters

(00:00) - Getting Started and Guest Introduction
(02:43) - How do you Describe your Day Job?
(04:33) - The Power of Small Changes
(11:50) - April Fools Joke
(13:02) - Why Nuxt 4 Now?
(19:00) - The Top Priority for Nuxt 4
(20:54) - How to reduce the Fear of Nuxt 4?
(27:48) - Codemods for Nuxt 4
(29:41) - Experiencing Nuxt 4 Migrations
(32:02) - New Folder Structure
(34:06) - Exciting New Nuxt 4 Features
(36:46) - Compatibility Date
(44:26) - How did you get into Programming?
(48:44) - Daniel's Contact with the Vue World
(52:38) - University Degrees
(59:42) - Joining the Core Team
(01:04:28) - How Daniel is Funding
(01:08:56) - The Freedom of Doing the Things You Enjoy
(01:12:45) - When will Nuxt 4 be released?
(01:15:20) - Interesting Projects and Courses of Daniel
(01:17:25) - Wrapping Up

Links and Resources

Geotastic, a Vue-based Browser Game (with Creator Eduard But)

Alexander Lichter & Michael Thiessen — Thu, 13 Jun 2024 14:21:59 +0200

Today on DejaVue, Alex and Michael are joined by Game and Web Developer Eduard But, who created Geotastic - a Vue-based browser game revolving around geographical knowledge and uses Googles Maps and Streetview API! Starting with Edu's background in programming and web development and initial experiences with Vue.js, we dive deep into how it happened he got into Game Development, which multiplayer game he built first and *why* and eventually talk about Geotastic
With more than 1.5 Million registered users, Edu reveals details about the financial model, how he keeps things up and running, challenges while maintaining and which new game mode will come to Geotastic soon!
Tune in to hear all of the above and more.

Enjoy the episode!

Chapters

(00:00) - Intro and Guest Introduction
(01:31) - How did you got into Programming and Web Development?
(03:55) - Did you like being responsible for the "Full Stack"?
(05:46) - After working at a Media Agency
(07:55) - First Experience with Vue.js
(11:55) - Creating the first browser-based Game
(16:54) - Learnings from building a Multiplayer Game
(19:20) - Starting Geotastic
(21:20) - What type of Game is Geotastic?
(24:22) - Deciding against a Subscription Model
(28:03) - Differences between Geotastic and GeoGuessr
(30:53) - Embracing the Community
(32:49) - How did you use Vue.js to build the Game?
(35:45) - Technical Challenges while maintaining Geotastic
(41:36) - Taking a look at the back-end
(43:38) - Daily Players and Expenses
(48:36) - "Just do it" mentality
(51:27) - People asked for Ads 😲
(53:39) - When will Geotastic Ranked come?
(57:21) - *SPOILER* - A new game mode
(59:28) - Wrapping up

Links and Resources

Learning new Vue Features and Concepts (with LearnVue aka. Matt Maribojoc)

Alexander Lichter & Michael Thiessen — Thu, 06 Jun 2024 12:34:23 +0200

In this episode of DejaVue, Michael is joined by Matt Maribojoc, better known as LearnVue on YouTube.

While Alex is being absent at VueConf US, Matt and Michael discuss topics around learning and understanding new programming features - from figuring out what the latest features are over to how to properly learn them and eventually teach them to their audience.
Tune into the episode to figure out all of the above, in addition to what level of understanding is "necessary" to teach a certain concepts and why content creation is important for libraries, frameworks and open source in general.

Enjoy the episode!

Chapters

(00:00) - Guest Introduction - Matt Maribojoc
(02:41) - Where and How to Learn New Concepts or Features?
(08:50) - How to Explore a New Feature?
(19:42) - The Level of Understanding for Teaching
(25:38) - Importance of Content for Frameworks and Open Source
(31:57) - The Platform Question: YouTube Videos vs. Blog Posts
(36:57) - Sharing and Spreading Knowledge of Others
(43:27) - Wrapping up

Links and Resources

Design Patterns in Vue.js

Alexander Lichter & Michael Thiessen — Thu, 30 May 2024 17:57:39 +0200

Michael is back from his paternity leave! And he brought three Design Patterns in Vue.js which he and Alex discuss in the 10th DejaVue Episode! Learn more about what Design Patterns are and what the three shown patterns do, when they should be used and which downsides they could bring.

Enjoy the episode!

Chapters

(00:00) - Welcome Back Michael!
(01:42) - What are Design Patterns?
(04:20) - Design Pattern One - Thin Composables
(11:07) - Design Pattern Two - Data Store
(19:22) - Design Pattern Three - Preserve Whole Object
(27:33) - Wrapping up

Links and Resources

DejaVue #E008 - Vue.js Amsterdam
Check out Michael's Clean Component Toolkit - 35% OFF from June 5th to 8th
Pinia
Cross-Request State Pollution
Prop Stability

Vue.js in Large Applications (with Tim Benniks)

Alexander Lichter — Thu, 23 May 2024 19:24:17 +0200

In DejaVue episode number nine, Tim Benniks joins Alex discussing how he used Vue in huge applications and how Tim and his team built 3000 websites for a single brand that most of you know - Louis Vuitton.

In addition, Tim shares his journey from becoming a nurse to eventually learn web development. Learn which benefits Vue brought compared to the old jQuery application, how Tim and his team migrated a huge system step by step and more!

Enjoy the episode!

Chapters

(00:00) - Start and Guest Introduction
(01:34) - From becoming a Nurse to becoming a Developer
(06:49) - Building Social Network before Facebook
(10:33) - Getting into Vue.js and Abandoning jQuery
(16:01) - Reducing Bugs with Vue.js
(19:33) - Accessibility - Reaching AA or AAA
(26:16) - Balancing the Stakeholder Needs
(30:39) - 3000 Websites with Vue.js for one Company
(32:49) - Building your own Component Library?
(35:40) - Cleaning up Technical Debt at Louis Vuitton
(38:23) - Gradually upgrading legacy LV software
(43:43) - Why not React or Angular?
(52:40) - Mitosis
(55:13) - Outro

Links and Resources

Vue.js Amsterdam

Alexander Lichter & Michael Thiessen — Thu, 16 May 2024 15:10:02 +0200

Welcome to the eighth episode of DejaVue! In this episode, Alex and (past) Michael recap the highlights of Vue.js Amsterdam, one of the largest Vue.js conference. They discuss the amazing talks, including Evan You's keynote on the 10-year journey of Vue, exciting announcements like NuxtHub, and memorable moments from the conference. They also share their experiences of connecting with the community, live coding challenges, and the unique vibe of this must-attend event.

From FOMO over to talk highlights and next upcoming conferences, all is packed in the 28-minutes.

Enjoy the episode!

Chapters

(00:00) - Introduction
(00:48) - Vue.js Amsterdam FOMO
(02:50) - Giving a talk at a huge conference
(06:59) - Highlights from 2024
(08:56) - Evan's talk
(12:56) - Further Highlights of Day One
(15:48) - Pooya's talk
(17:24) - Speed review
(19:15) - Networking at conferences
(22:40) - DevWorld + Front end panel
(25:55) - Upcoming conferences

Links and Resources

From Code to DevRel and Leadership (with Marc Backes)

Alexander Lichter — Thu, 09 May 2024 13:30:00 +0200

In the seventh episode of DejaVue, Alex sits down with Team Lead Marc Backes as our guest. Our conversation takes us on a journey through his career with Programming and Vue.js. Marc shares the beginnings of his coding journey, from the development of Software for a Mexican University and lessons learned from founding a startup and eventually joining a German company as freelance developer.

We also dig deeper into the world of Developer Relations (DevRel) and talk about Marc's transition into this field, as well as major achievements such as the CODE100 Coding Competition and the importance of ambassadors for frameworks such as Vue and Nuxt.

Further, Marc sheds light on his decision to leave DevRel and becoming a Tech Lead at the company he's been with twice beforehand. We explore how this transition addressed certain pain points and dive into practical strategies for handling legacy code and technical debt.

Enjoy the episode!

Chapters

(00:00) - Intro
(01:04) - Public Speaking and Conferences
(03:15) - The Start of Marc's Coding Journey
(06:49) - Building University Admin Software
(09:42) - Startup Founding Lessons
(13:27) - How the Journey Continued
(20:40) - What is DevRel?
(21:52) - Getting into DevRel
(24:22) - Developer Advocate vs Developer Relations
(27:20) - "Framework DevRels" and Ambassadors
(29:38) - CODE100 Coding Competition
(35:42) - Why leaving DevRel?
(38:28) - Becoming a Tech Lead
(41:44) - Did the role change solve the pain points?
(46:57) - How do you handle legacy code and technical debt?
(52:01) - Widen/Narrow approach for migrations
(54:20) - How to please the developer and the business side
(58:42) - Carté blanch for team managing
(01:02:30) - Wrapping it up

Links and Resources

Nuxt Server Components (with Julien Huang)

Alexander Lichter — Thu, 02 May 2024 12:26:07 +0200

Welcome to the sixth episode of DejaVue! Alex is joined by another amazing guest - he is a Front-end Developer, Public Speaker and also part of the Nuxt.js core team - Julien Huang.

While Michael is still off on paternity leave, Julien and Alex talk about how Julien started to code (during COVID 😲) and when he dabbled into open source, which culminated in joining the Nuxt team and regularly contributing.
One of the key feature that Julien is working on are Server Components - so of course the rest of the episode revolves around them. What are they? How do they work? And when should you use them? Julien will go in-depth on all these questions, give some behind the scene looks and "do's and don'ts" advice too!
Eventually, the future of Server Components is discussed.

Enjoy the episode!

Chapters

(00:00) - Intro and guest introduction
(00:50) - Julien's day job
(02:31) - His programming journey
(10:28) - Getting into Open Source
(15:47) - What are Nuxt Server Components?
(17:37) - When would you use Server Components?
(20:27) - Server Components and interactivity
(26:55) - How are Server Components handled on the client side?
(30:21) - Does Static Site Generation (SSG) work with Server Components?
(32:43) - Why are Server Components still experimental?
(35:02) - Remote Component Islands
(38:32) - The future of Server Components
(44:38) - Julien's thoughts on React's vs Vue's Server Component approach
(47:53) - Outro

Links and Resources

From Side Hustle to Server Side Events (with Patrick van Everdingen)

Alexander Lichter — Thu, 25 Apr 2024 10:00:00 +0200

Welcome to the fifth episode of DejaVue! While Michael is on paternity leave after becoming a father, Alex is joined by a special guest, Patrick van Everdingen, Full Stack Developer, Speaker, Panel Host an Co-Founder of CareerDeck.

In this episode, we talk about how Patrick started his Vue- and Nuxt-based side project, CareerDeck - and how it grew from an idea at a pool in Italy to a full-fledged application. From the initial idea to the current state of the application, we discuss the tech stack, the challenges, and also the future of CareerDeck.

Learn why Patrick chose Vue and Nuxt, why decided to rebuild the application again and how he uses AI to create real value for the users of CareerDeck.

Eventually, Patrick turns the tables and asks Alex about his thoughts on the future of Nuxt and how it compares to other frameworks like Laravel or NestJS, as well as the role of plain Vue in the ecosystem.

Enjoy the episode!

Chapters

(00:00) - Chapter 1
(00:00) - Intro
(01:29) - The backstory of CareerDeck
(06:17) - What makes CareerDeck more than just a GPT wrapper?
(11:00) - Rebuilding the application again with Nuxt UI
(14:39) - The tech stack of CareerDeck
(19:29) - Building a job interview simulator
(25:07) - What are Server-Sent Events?
(26:47) - The difference between WebSockets and Server-Sent Events
(29:38) - Implementing SSE with Nitro
(31:59) - New folder structure in Nuxt 4
(34:02) - How does Nitro compare to other frameworks?
(36:14) - Will Nuxt be the next Laravel or NestJS?
(41:17) - Why would you choose vanilla Vue over Nuxt?
(47:06) - Your benefits as a newcomer to a framework
(49:44) - Where can people reach Patrick
(51:22) - Outro

Links and Resources

Devworld Conference
CareerDeck
Nuxt
DejaVue Episode #002 with Harlan Wilton
Nuxt UI Pro* - GET 20% OFF WITH THE CODE "LICHTER" until the end of the month!
LangChain
Llama3
Nitro
DejaVue Episode #003 about Nitro
No gist but H3 Docs on SSE
WebSockets in Nitro
Nuxt vs. Nitro
Improved Nuxt folder structure issue
Laravel
Inertia.js
Laravel Livewire
Unplugin

Teleports and When to Use Them

Alexander Lichter & Michael Thiessen — Thu, 18 Apr 2024 14:51:53 +0200

Welcome to the fourth episode of DejaVue! From a Nuxt topic last week, Michael and Alex jump into a plain Vue.js topic again, or would you say... teleport?
Yes, correct! The Teleports feature from Vue 3 will be explored - from its use cases to the native HTML dialog tag. The two hosts also cover how Teleports were created, even back in Vue 2, and talk about a Nuxt implementation too.

Learn more about Teleports in this episode of DejaVue!

Post-podcast note: The Popover API is now available in all major browsers!

Chapters

(00:00) - Intro
(00:35) - What are Teleports?
(01:35) - The typical Teleport use case
(03:23) - Other use cases for Teleports (1)
(06:45) - Async Components and Suspense (1)
(07:48) - Pitfalls with Teleports
(09:15) - The native dialog components
(12:14) - Building an own modal / dialog
(13:25) - How you did it before Teleports
(14:33) - What Teleports don't solve
(15:13) - Other use cases for Teleports (2)
(16:46) - Teleport targets / Where to teleport
(17:49) - Vue 2 Teleports
(19:04) - Teleports and SSR
(25:13) - Creating Reproductions and Open Source
(29:28) - Outro

Links and Resources

Nitro: The Next Generation Server Toolkit

Alexander Lichter & Michael Thiessen — Thu, 11 Apr 2024 10:03:52 +0200

Welcome to the third episode of DejaVue! After talking about an open source SaaS the last time and hearing a lot about Nitro, Alex and Michael dive deeper into the server framework which powers not only Nuxt but also other frameworks like Analog or SolidStart. Learn more about what Nitro is, the difference between Nuxt and Nitro and amazing features it offers, no matter if you use it standalone or with Nuxt.

Chapters

(00:00) - Intro

(00:47) - Nitro and UnJS

(02:38) - Nitro powering different Frameworks

(04:16) - Where does Nuxt end and Nitro start?

(06:20) - KV Storage in Nitro - unstorage

(10:20) - Database Integration via db0

(10:52) - Nitro Tasks API

(13:57) - Framework and Runtime agnostic

(15:14) - Further Nitro features

(15:32) - Nitro vs. Nuxt (continued)

(17:45) - $fetch emulating nested calls to Nitro

(19:34) - Compare Nitro to other frameworks such as Hono or Express

(23:44) - Outro

Links and Resources

Building a Nuxt.js SaaS in less than a week (with Harlan Wilton)

Alexander Lichter & Michael Thiessen — Thu, 04 Apr 2024 12:55:00 +0200

Welcome to the second episode of DejaVue - and the first one with a guest! Michael and Alex are joined by Harlan Wilton, an open-source developer from Sydney, Australia who is not only into backpacking and Nuxt.js but also builds amazing tools and applications. Harlan is discussing with Alex and Michael how he built his SaaS Request Indexing in less than a week with Nuxt, which stack he used exactly, what it does and shares tips on how to stay focused and make sure your app actually ships.

The best? The SaaS is open-source!

Tune in for an interesting conversation around using Vue.js and Nuxt.js in the wild.

Post Podcast Update from Harlan

After the recording, Harlan took a break from working on Request Indexing due to other commitments. But there is also a good news - Request Indexing got the first paid monthly users now netting $60 per month. Harlan is also working on a big pivot on it, which will be announced soon. Stay tuned!

Chapters

(00:00) - Intro

(01:00) - Open-source and backpacking

(02:22) - The idea for an open-source SaaS

(06:09) - Staying sane while building the app in 64 hours

(09:58) - Harlan's Tech Stack to build the SaaS

(15:24) - The back-end of Request Indexing

(21:32) - Next steps for the SaaS

(22:30) - Keeping the scope when building a SaaS

(32:37) - Wrapping up

Links and Resources

The Need for Server-Side Rendering (SSR)

Alexander Lichter & Michael Thiessen — Thu, 28 Mar 2024 16:00:00 +0100

The very first episode of DejaVue is here! In this episode, Michael and Alex talk about Server-Side Rendering (SSR) and its benefits, use cases, and challenges. After understanding what SSR actually is and why it could be useful, rendering modes like Static Site Generation (SSG) and Incremental Static Regeneration (ISR) are discussed, as well as compared to dynamic SSR. The episode closes with a summary of the discussed topics and a brief outlook.

Chapters

(00:00) - Intro

(00:50) - What is Server-Side Rendering (SSR)

(05:44) - When would you recommend using SSR

(08:46) - Performance benefits with SSR and Hydration

(14:39) - Complexity with Server-Side Rendering

(17:21) - Static Site Generation (SSG) vs. SSR

(27:53) - Incremental Static Regeneration (ISR)

(34:11) - Summary

Links and Resources

Trailer

Alexander Lichter & Michael Thiessen — Sun, 24 Mar 2024 00:58:19 +0100

DejaVue - Your favorite Vue podcast - you just don't know it yet!
Join Michael Thiessen and Alexander Lichter in this first trailer to find out who will guide you through the Vue and Nuxt journey in the upcoming weeks.

Follow DejaVue on:
* Web - https://dejavue.fm/
* Apple Podcast - COMING SOON ;)
* YouTube - https://www.youtube.com/@DejaVueFM
* Spotify - https://open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF
* Deezer - https://www.deezer.com/show/1000792252
* Amazon Music - https://music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56
* Pocket Casts - https://pca.st/49qr8d1k

Follow Michael Thiessen on:
* Twitter - https://twitter.com/MichaelThiessen/
* Web - https://michaelnthiessen.com/

Follow Alexander Lichter on:
* YouTube - https://www.youtube.com/@TheAlexLichter
* Twitter - https://twitter.com/TheAlexLichter
* Web - https://www.lichter.io/