DejaVue Alexander Lichter & Michael Thiessen

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 GeotasticWith 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 DiscordGeotastic Instagram PiniaVuetify

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 ComponentsDejaVue #E006 about Server Components with Julien HuangVue Vapor Mode RepositoryMichael's Clean Components Toolkit (35% off until June 8th)The Feynman TechniqueMatt's Video about magic-regexp

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 AmsterdamCheck out Michael's Clean Component Toolkit - 35% OFF from June 5th to 8thPiniaCross-Request State PollutionProp Stability

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" podcastEpisode #E001 The Need for SSRGruntGulpWCAG for AccessibilityVue Route AnnouncerRoute Announcer in NuxtKnockout.jsAccessibility Needs OverviewPartytownCloudFlare ZarazEpisode #E007 From Code to DevRel and LeadershipTim's "Team First" TalkStorybookMigrating to Nuxt 4 Now?!Tim's "A Vue into Rock & Roll Part 2" talkMitosis

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 ReplaysAlex's Petite Vue TalkVapor Mode RepositoryVapor Mode PlaygroundPartykitDevWorld ConferenceFrontend PanelVueConf Torontovue.js DE Conf

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 ParisVue.js AmsterdamVueConf USRuby on RailsVue Storefront / AlokaiCODE100 CompetitionSyntax FM