DejaVue

By Alexander Lichter & Michael ThiessenTechnology Education

DejaVue episodes

June 13, 2024Geotastic, a Vue-based Browser Game (with Creator Eduard But)
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

Edu's first Multiplayer Browser Game
Edu's first Game played by the RocketBeans (Video in German)
Geotastic (the Game!)
Announcement of Geotastic on RocketBeans (in German)
Geotastic Discord
Geotastic Instagram
Pinia
Vuetify
1 hr 3 min
June 06, 2024Learning new Vue Features and Concepts (with LearnVue aka. Matt Maribojoc)
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
Nuxt Server Components
DejaVue #E006 about Server Components with Julien Huang
Vue Vapor Mode Repository
Michael's Clean Components Toolkit (35% off until June 8th)
The Feynman Technique
Matt's Video about magic-regexp
44 min
May 30, 2024Design Patterns in Vue.js
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
30 min
May 23, 2024Vue.js in Large Applications (with Tim Benniks)
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

Tim's episode on the "We Belong Here" podcast
Episode #E001 The Need for SSR
Grunt
Gulp
WCAG for Accessibility
Vue Route Announcer
Route Announcer in Nuxt
Knockout.js
Accessibility Needs Overview
Partytown
CloudFlare Zaraz
Episode #E007 From Code to DevRel and Leadership
Tim's "Team First" Talk
Storybook
Migrating to Nuxt 4 Now?!
Tim's "A Vue into Rock & Roll Part 2" talk
Mitosis
58 min
May 16, 2024Vue.js Amsterdam
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

Vue.js Amsterdam
Talk Replays
Alex's Petite Vue Talk
Vapor Mode Repository
Vapor Mode Playground
Partykit
DevWorld Conference
Frontend Panel
VueConf Toronto
vue.js DE Conf
28 min
May 09, 2024From Code to DevRel and Leadership (with Marc Backes)
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

dotJS Paris
Vue.js Amsterdam
VueConf US
Ruby on Rails
Vue Storefront / Alokai
CODE100 Competition
Syntax FM
1 hr 5 min
May 02, 2024Nuxt Server Components (with Julien Huang)
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

Open Classrooms
Analog's (Angular) SFC proposal
Julien's first module to enable the runtime compiler
Faster Nuxt Builds with the Build Cache Module
Server Component Docs
414 - URI Too Long
The NuxtIsland component
Our Nuxt Contribution Guide
Island Architecture
Astro
Server Only Pages
Inertia.js
Nuxt.js Discord
51 min
April 25, 2024From Side Hustle to Server Side Events (with Patrick van Everdingen)
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

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.
53 min
April 18, 2024Teleports and When to Use Them
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
Teleports Vue.js Docs
Headless UI
The Dialog Element
Popovers (Now available)
Portal Vue package (needed in Vue 2)
Evan You on SSR Teleports
#teleports in Nuxt
Suspense + Teleports Issue
31 min
April 11, 2024Nitro: The Next Generation Server Toolkit
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
Nitro
UnJS
Analog
SolidStart
Vite
Volar (Vue Language Tools)
Nuxt vs. Nitro explanation video
DejaVue Episode #001 - The Need for SSR
unstorage
db0
Tasks API tracker
Tasks DevTools Panel PR
Integrating WebSockets with Nitro video
h3
25 min

About DejaVue

From the publisher's feed

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