DejaVue

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 GuestThe Jared WilcurtVue 3 Snapshot SerializerWebsiteBlueskyTwitterChapters(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 ResourcesRiot JSVue Indy MeetupVue DoxenOld Jest Snapshot SerializerVue Test UtilsTesting Library VuePlaywrightVue 3 Snapshot SerializerDejaVue #E043 - The Year in ReVue (with Daniel Roe)Your HostsMichael ThiessenTwitterYouTubeWebsiteAlexander LichterBlueskyYouTubeWebsite---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.

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 treesSpeeding up popular packagesCreating lighter alternatives to bloated librariesJames 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 GuestJames "43081j" Garbutte18eWebsiteBlueskyChapters(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 ResourcesParse5Doom in TypeScriptFlappy Bird in TSLitElementSpeeding up the ecosystem blog post series by Marvin Hagemeistere18e issue overviewe18e Discordminizlib install size improvementsStorybook dependency tree reductione18e module replacement repositoryAnthony Fu's node_modules inspectorPublint by Bjorn LuUmbrella CLInano-staged (instead of lint-staged)npm-run-all2eslint-import-plugin-x (instead of eslint-plugin-import)tinyglobby (instead of any other glob lib like globby/fast-glob)fdirVite Devtools announcementBundling dependencies (and when not to do it)A lighter Nuxt CLIYour HostsAlexander LichterBlueskyYouTubeWebsite---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.

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 GuestsDaniel Roe - Nuxt Team Lead  BlueskyWeb Chad Whitacre - Head of Open Source at Sentry  BlueskyTwitterWebRijk van Zanten - CTO and co-founder of Directus  BlueskyTwitterWebChapters(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 ResourcesMastering Nuxt*xkcd on standardsJacob Kaplan-Moss: Paying Maintainers is GoodSentryDirectusNuxtBSLFair Source MITAGPLOSIBDFLNuxt GovernanceOpen Source Steward in the CRADaniel Roe: Contributing to NuxtOpen Source PledgeYour HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---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.

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

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 GuestDennis AdriaansenVue Chart LibraryXBSkyChapters(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 ResourcesDejaVue #051 - Vite Inside Out (with Matias "Patak" Capeletto)Mastering Nuxt*DejaVue #E049 - The Fusion of Laravel and Vue (with Aaron Francis)DejaVue #E041 - The Quadruple Migration (with Rijk van Zanten)D3.jsTremor Labschart.jsUnovisDennis' Nuxt error dashboardVapor PlaygroundReading Vue VaporVue Chrts (Dennis' Lib)Open Source PledgeBBF PatternzodvalibotStandard SchemaNuxt UI*Inspira UIReka UIYour HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---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 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 GuestMatias "Patak" CapelettoViteWebsiteBlueskyChapters(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 ResourcesRolldownSnowpackrolldown/vitevinxiunpluginvite nodeMiniflareAll About VoidZeroDejaVue #044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe)Sunsetting Create React AppCRA PRcreate-tsrouter-appYour HostsAlexander LichterBlueskyYouTubeWebsite---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.

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 episodeOur Guest Jan-Niklas WortmannWebsiteWeekly Devs BrewBlueskyChapters(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 ResourcesKCDCDejaVue #E033 - Vue or React (with CJ Reynolds)Nuxt Project Template in WebStormDejaVue #E049 - The Fusion of Laravel and Vue (with Aaron Francis)DejaVue #E007 - From Code to DevRel and Leadership (with Marc Backes)Try the new WebStorm TS Engine nowJetBrains JunieThe Weekly Devs BrewYour HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---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.

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 GuestAaron FrancisFusionTryHard StudiosBlueskyTwitterChaptersLinks and ResourcesLaravelTryHard StudiosFusionFusion Intro VideoAaron's Laracon EU 2025 TalkDejaVue #E029 - Inertia.js (with Joe Tannenbaum)VolarFusion Reddit PostNuxt Server BlocksDejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina)DejaVue #E016 - The Future of Vue.js (with Evan You)Aaron's Year in Review postYour HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---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.

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 EngineerDaniel Kelly, Lead Instructor at Vue SchoolThe 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 againEnjoy the Episode!Our PanelistsPatrick van EverdingenCareerDeck AITwitterDaniel KellyVueSchoolBlueskyTwitterChapters(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 ResourcesDejaVue #E016 - The Future of Vue.js (with Evan You)DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe)DejaVue #E033 - Vue or React (with CJ Reynolds)DejaVue #E023 - TypeScript and Content Creation (with Matt Pocock)DejaVue #E005 - From Side Hustle to Server Side Events (with Patrick van Everdingen)Vue.js Nation 2025: Daniel Kelly - Vue-doo Magic: AI Development TricksCursor (AI Editor)How Michael uses AI to quickly learn new librariesAnthropic suggesting to use XML tags for structuring promptsWebLLMDejaVue #E045 - Formkit and Hot Takes (with Justin Schroeder)Sign up for Frontend Nation 2025All talks from Vue.js Nation 2025Your HostsAlexander LichterTwitterYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---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.

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 ResourcesJoin Vue.js Amsterdam 2025 - Get 10% OFF with the code "DEJAVUE"DejaVue #E046 - A Vue at Michael ThiessenDejaVue #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 NuxtAlex' first Minecraft pluginAlex' Old Bukkit accountAlex' First Issue (actually his 2nd but who counts these!)SmartGain websiteBuilding an Association Manager PlaylistPaladinsCounter side project showcaseMastering Nuxt*Your HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---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.

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

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 GuestJustin SchroederBlueskyWebFormKitChapters(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

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 GuestDaniel RoeBlueskyWebYouTubeTwitchChapters(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 ResourcesAccessibility ChartState of JS SurveyAlex' Video on State Of JS through the Vue lenseDaniel's upcoming React to Nuxt courseMastering Nuxt (3 at the time of recording)*Alex' upcoming Nitro CourseBadass Courses' Course Builder RepoVinxiNikhil's tweetNIH tendencyXKCD standardsthanks.devOpen Source PledgeMadVuePragVueKazupon's Tweet on Vapor with other FrameworksMeta on Large Concept ModelsYour HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---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.

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 GuestDaniel RoeBlueskyWebYouTubeTwitchChaptersLinks and ResourcesJoin Vue.js Amsterdam 2025* and get 10% off with code DEJAVUENuxt FontsDaniel's Talk at Vue Amsterdam 2024FontainePostCSS Font MagicianAlien SignalsTC39 Polyfill Alien Signals PRVolarVue TSC as part of the language toolssharedPrerenderData VideoUpgrade to Nuxt 4 via compatibilityVersion alreadyNitroSSR Logs in the BrowserNuxt 3.15.2Nuxt BridgeVue MacrosViteElkStackBlitzxkcd 2347: DependencyuseId(Lazy) HydrationdefineModelHydration message improvements on Vue 3.4Reactive props destructurev-bind shorthandNuxt OG ImageUnoCSSVue is the fastest SSR FrameworkInspira UI ComponentsYour HostAlexander LichterBlueSkyYouTubeWebsite---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.

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 furtherEnjoy the Episode!Our GuestAdam JahrVue MasteryAdam on XVueMastery on YouTubeChapters(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 ResourcesJoin Vue.js Amsterdam 2025* and get 10% off with code DEJAVUEHero's JourneyVue MasteryMichael's Composable Design Course (out now!)DejaVue Episode #020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina)Your HostMichael ThiessenTwitterYouTubeWebsite---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.

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 GuestRijk van ZantenDirectusBlueSkyWebChapters(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 ResourcesJoin Vue.js Amsterdam 2025* and get 10% off with code DEJAVUEConTejas Podcast with AlexMichael's Clean Components ToolkitMichael's Upcoming Composable Design CourseDaniel Roe's React To Nuxt CourseAlex's Next to Nuxt Migration in less than 1h VideoStryker Mutation Testing FrameworkDejaVue Episode #038 - Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar)Your HostsAlexander LichterTwitterYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---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.

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 episodeEnjoy 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 ResourcesOrganizing Composition API Code VideoMichael's Inline Composable ArticleScreenshot CAPI OAPI ComparisonEvan's Migrated FilePiniaReferenced EpisodesDejaVue #E015 - Ten Years of Vue.js (with Evan You)DejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina)DejaVue #E009 - Vue.js in Large Applications (with Tim Benniks)DejaVue #E029 - Inertia.js (with Joe Tannenbaum)DejaVue #E033 - Vue or React (with CJ Reynolds)DejaVue #E032 - Getting Started with Vue.js (with Simone Cuomo)DejaVue #E039 - Migrating a SaaS from Nuxt 2 to Nuxt 3 (with Sumit Kumar)DejaVue #E036 - Secure your Vue and Nuxt Applications (with Jakub Andrzejewski)DejaVue #E041 - The Quadruple Migration (with Rijk van Zanten) is coming up NEXT WEEKDejaVue #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote)DejaVue #E037 - VueConf Toronto Panel (with Evan You, Daniel Roe, Sigrid Huemer and John Leider)Your HostsAlexander LichterBlueSkyTwitterYouTubeTwitchWebsiteMichael ThiessenTwitterYouTubeWebsiteLinks 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.

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 GuestSumit KumarParqet (GER)BlueSkyTwitterYouTubeChapters(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 ResourcesFill out the State of Vue.js SurveyPiniaMichael's Inline Composable ArticleOrganizing Composition API Code VideoMichael's Composable Design Patterns Course (Early Access)Screenshot CAPI OAPI ComparisonEvan's Migrated FileDejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina)DejaVue #E010 - Design Patterns in Vue.jsYour HostsAlexander LichterTwitterYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---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.

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 GuestSumit KumarParqet (GER)BlueSkyTwitterYouTubeChapters(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 ResourcesFill out the State of Vue.js SurveyAnd also the State of JS Survey

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, andJohn 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 moreEnjoy the Episode!Our PanelistsEvan YouVue.jsViteVoidZeroBlueskyDaniel RoeWebsiteYouTubeBlueskySigrid HuemerWebsiteBlueskyJohn LeiderWebsiteTwitterChapters(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 ResourcesFill out the State of Vue.js SurveyAnd also the State of JS Survey

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 GuestJakub AndrzejewskiBlogBlueskyTwitterChapters(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 ResourcesFill out the State of Vue.js SurveyAnd also the State of JS Survey

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 hoodEnjoy 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 ResourcesState of JS SurveySentryBugsnagRollbarMichael's talk on error handling in NuxtMichael's article on error handling in Nuxt*And another deep dive into Nuxt 3 error handling*DejaVue #E034 - Data Fetching in Vue and NuxtVue Issue regarding throwing errors in production (low level)VikeNuxtErrorBoundary component Source CodeofetchZodValibotNuxt 4 error and data will be undefined by defaultCreate abstractions for your headings and buttonsYour HostsAlexander LichterBlueSkyTwitterYouTubeTwitchWebsiteMichael ThiessenTwitterYouTubeWebsiteLinks 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.

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 ResourcesLAST CHANCE 15% discount for the VueConf Toronto* with code DEJAVUEofetchkySuspense in VueData LoadersDejaVue #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote)nuxt-workersPartytownsquoosh.appDejaVue #E001 - The Need for SSRYou are using useFetch wrongDejaVue #E003 - Nitro: The Next Generation Server ToolkitCaching in NitroClient side caching with getCachedDataComposable Caching Utils issueRoute Rules in NuxtDejaVue #E002 - Building a Nuxt.js SaaS in less than a week (with Harlan Wilton)Your HostsAlexander LichterBlueSkyTwitterYouTubeTwitchWebsiteMichael ThiessenTwitterYouTubeWebsiteLinks 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.

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 GuestCJ ReynoldsOwn WebsiteSyntax WebsiteTwitchYouTube (Coding Carden)YouTube (Syntax.fm)BlueSkyTwitterChapters(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 ResourcesGet 15% OFF for your Vue Toronto ticket with code DEJAVUE *Syntax PodcastDenverScriptimmerImmutable.jspetite-vueEpisode 16 - The Future of Vue.js (with Evan You)vinxiEpisode 30 - Pinia and Data Loaders (with Eduardo San Martin Morote)Vue Data LoadersNitroInterview with Evan You about VoidZeroSyntax Video Series -  React vs VueHeadless UIFormKitOrganizing Code when using the Composition APIYour HostAlexander LichterBlueSkyTwitterYouTubeTwitchWebsite---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.

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 GuestSimone CuomoWebsiteTwitterChapters(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 ResourcesGet 15% OFF for your Vue Toronto ticket with code DEJAVUE *GitKrakenVuejs.de Conf PanelVueUseSimone's new book - Vue.js 3 for BeginnersSimone's first book - Beyond codingWhat is a composableYour HostMichael ThiessenTwitterYouTubeWebsite---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.

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 ResourcesAnnouncement BlogpostViteConf KeynoteVoidZero TeamVite License Change PRRolldown Vite Fork

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

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 GuestJoe TannenbaumWebsiteTwitterChapters(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 ResourcesGet 15% OFF for your Vue Toronto ticket with code DEJAVUE *Jess Archer - "Unveiling Laravel Prompts"Joe Tannenbaum - "Terminal UIs" Inertia.jsLaravelLivewireYour HostsAlexander LichterTwitterYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---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.

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 Resources15% discount for the VueConf Toronto* with code DEJAVUEDejaVue #E026 - Vue 3.5 AnalyzedDejaVue #E027 - Working at AWS (with Erik Hanchett)v-oncev-memov-preThe shallowRef guidePerformance Vue DocsMichael Reactivity From Scratch Free CourseVapor ModeReading vuejs/core-vaporDejaVue #E001 - The Need for Server-Side Rendering (SSR)Alex' SSR Benchmark videoLinks 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.

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 GuestErik HanchettWebsiteTwitterYouTubeChapters(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 ResourcesGet 15% OFF for your Vue Toronto ticket with code DEJAVUE *AWS AmplifyVueUseVue DemiXStateYour HostMichael ThiessenTwitterYouTubeWebsite---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.

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 Resources10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUEDejaVue #E016 - The Future of Vue.js (with Evan You)Vue 3.5 announcement blog postRolldownViteEvan's Tweet about Vue using Rolldown (there are more though!)Props Destructure RFC (now part of core)DejaVue #E001 - The Need for Server-Side Rendering (SSR)Hydration Error blog postVue.js Hydration ExplainedLazy Hydration in Nuxt (voice your opinion!)Volkswagen packageVolarDejaVue #E006 - Nuxt Server Components (with Julien Huang)DejaVue #E004 - Teleports and When to Use ThemDejaVue #E011 - Learning new Vue Features and Concepts (with LearnVue aka. Matt Maribojoc)VueUseLinks 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.

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 DEJAVUE10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUEPrismicFree Nuxt UI CourseunheadNuxtLink RFC.nuxtrcNuxt Devtools DiscussiondefuDejaVue #E024 - Between Agency Work and Open Source (with Zoey and Dan from SIDESTREAM)Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

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 DEJAVUE10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUEDejaVue #E015 - Ten Years of Vue (with Evan You)SIDESTREAMSidebaseSidebase Promo VideoSidebase Launch TweetNuxt CLI WizardPrismatRPCSidebase nuxt-auth moduleSentrySentry Nuxt SDK AlphaAdd Sentry to Nuxt 3 recipeNuxt Layers IntroZodAuth.jsnuxt-auth-utilsMakerDAO aka SkyLinks 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.

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 nuggetsEnjoy 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 DEJAVUE10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUEMatt's Truck streamBadass.devNeverThrowSentry migrating to TSStripe migrating to TSTS ResetDan Vanderkam's PR to TSTS Flappy BirdTotal TypeScriptLinks 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.

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 DEJAVUE10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUEDejaVue #E022 - Reactivity in VueHaskellOCamlElixirElmZodValibotSolid.jsBuilding solid-like Signals in Vue with shallowRefVue Docs on SignalsTC39 ProposalVueUseLinks 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.

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 DEJAVUEDejaVue #E015 with Evan YouPetite Vue TalkDebugging Guide: Why Your Vue Component Isn't Updating (and how to fix it)Marc Backes - Building a Time Machine with ProxiesCanIUse Beowser Usage StatsMichael Thiessen on ref vs. reactiveAlex's shallowRef guideAlpine.jsReactivue - Vue CAPI in React

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 DEJAVUE10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUEGitLabDejaVue Episode with VanessaOptions API vs Composition APIOrganizing Composition API CodeBootstrap VueIlya KlymovBootstrap Vue NextLinks 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.

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 DEJAVUEAnthony's Explicit Import ESLint moduleAlex' video about Nuxt LayersDave Stewart's Layers ArticleMichael's Mastering Nuxt article about the different configs in Nuxt 3*The Nuxt module listModule Authors GuideLinks 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.

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 Resources10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUEE016 - The Future of Vue.js (with Evan You)E013 - The Road to Nuxt 4 (with Daniel Roe)E006 - Nuxt Server Components (with Julien Huang)Nuxt pending vs. status issueWIP Code modLinks 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.

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 Resources10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUEWorking Draft Podcast (German)Vannessa's Research/Comparison TableTiptapawesome-tiptapawesome-vueProseMirrorVannessa's Example repo with TipTap and OpenAILinks 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.

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 Resources10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUENuxt UI Pro* - Get 20% off with code LICHTER until July 14thReactive Props Destructure RFCVolarVue Language ToolsNuxtJS Framework BenchmarkEcosystem CI (Vue)NativeScriptTailwindCSSKevin Deng (sxzz)Anthony FuDaniel RoeLinks 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.

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 ResourcesMeteor.jsKnockoutAngularJSSolidRuby on RailsLaravelHTMXSvelteNuxtAlpineJSLaravel LivewireInertiaJohn ResigReactEmberBabelAxiosJustin SchroederTC39 Decorators proposalvue-facing-decorator

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 ResourcesNuxt Tips Collection from MichaelMastering Nuxt*VueUseVueDemiSlidevis-even packageis-odd packageComposable 1 - useEventListenerComposable 2 - useDebounceFnComposable 3 - useThrottleFnDebounce Vs ThrottleComposable 4 - useLocalStorageLocalstorage example from Alex' WebsiteComposable 5 - useMagicKeysUtil 6 - makeDestructurableBonus - createReusableTemplateLinks 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.

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 ResourcesDaniels April Fools Joke (on Twitter)Nuxt 4 Migration GuideHow to Migrate to Nuxt 4 now!How Daniel is FundedDaniel's React to Nuxt Course

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

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 ResourcesNuxt 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 ResourcesDejaVue #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 ResourcesTim'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 ResourcesVue.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 ResourcesdotJS ParisVue.js AmsterdamVueConf USRuby on RailsVue Storefront / AlokaiCODE100 CompetitionSyntax FM

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