DejaVue

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 👀Enjoy the episode!Our GuestEduardo San Martin MoroteWebsiteTwitterYouTubeChapters(00:00) - Welcome to DejaVue (00:46) - Upcoming Vue Conferences (03:46) - Eduardo's Involvement in VueX (05:03) - Why would you use Pinia? (11:50) - Another view on stores (14:14) - Insights from Mastering Pinia (20:16) - Live Workshop vs recorded videos (26:00) - How to improve tech video content (29:09) - Data Loaders API (34:31) - Pina Colada vs GraphQL (36:15) - RFC for Data Loaders (38:10) - Organising a Meetup (44:56) - Wrapping up with a discount Links and ResourcesGet 15% OFF for your Vue Toronto ticket with code DEJAVUE *PiniaMastering Pinia* Pinia Disasterclass TalkMastering Nuxt*DejaVue #E015 - Ten Years of Vue.js (with Evan You)Data LoadersYour 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.

In this engaging discussion, Joe Tannenbaum, a Software Engineer at Laravel and a contributor to Inertia, dives into the intricate world of linking JavaScript and PHP. He discusses how Inertia.js acts as a powerful bridge for developing applications, highlights exciting features in the upcoming version 2, and explains the importance of session management and client-side security. Joe also uncovers the advantages of using the Composition API in Vue.js and shares insights on working within a thriving remote team. Prepare to enhance your development game!

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.

Zoey and Dan from SIDESTREAM join the conversation, bringing their expertise in open-source Nuxt modules. They explore how open-source initiatives enhance their agency work, the nuances of hiring in the Vue job market, and the tech stack choices that set them apart. The duo discusses the development of Sidebase from a template, their migration to TypeScript, and the benefits of community engagement in open-source. They also delve into the development of authentication modules and the evolving landscape of collaborating in the tech community. It's an insightful dive into innovation and cooperation!

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.