Tiptap and Vue.js (with Vanessa Otto)

DejaVue

Player FM - Internet Radio Done Right

اضافه شده در one سال پیش

محتوای ارائه شده توسط Alexander Lichter and Michael Thiessen. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Alexander Lichter and Michael Thiessen یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

Species Unite

1
Jaap de Roode: Doctors by Nature 43:08

۸ روز پیش43:08

پخش در آینده

لیست ها

پسندیدن

دوست داشته شد

43:08

"But it makes a lot of sense especially when you think about how traditional healers and shamans have worked, they haven't felt that separation from nature like Western medics do. And so to rely on the knowledge of other species actually makes a lot of sense. It's probably a lot more than we know at the moment." - Jaap de Roode Jaap de Roode is a biology professor at Emory University, and he is the author of an astonishing new book called Doctors by Nature How Ants, Apes, and Other Animals Heal Themselves . I say astonishing because I had no idea about so much of what he explores in his book. It never occured to me to consider that other species use medicine and have been healing themselves forever. Jaap tells stories of animals across nature, from bumblebees to chimpanzees, how they use plants and natural substances to treat infections, to ward off parasites, to self-medicate. There's so much that we have learned from them, and there's so much more that we still can.…

حدود یک سال پیش 54:01

MP3•خانه قسمت

In this episode of DejaVue, Alex and Michael are joined by Vanessa Otto, a Senior Engineer at GitLab and previously being the head of Frontend at Zavvy.

After discussing Vanessa's co-host role in the German Working Draft podcast, it all revolves around the headless editor "Tiptap" in the episode. From hearing why Vanessa chose it instead of other editors and her research around editors, Tiptaps integration with Vue and what the "headless" part of the editor adds to it, over to which use cases are ideal for Tiptap.

And yes, an example repository is included so you can convince yourself of the easiness! Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(00:55) - Guest Introduction
(04:00) - About the "Working Draft" podcast
(09:54) - What is Tiptap?
(12:30) - Is Tiptap framework agnostic?
(15:38) - The headless part of Tiptap
(18:38) - Customization as the biggest benefit?
(23:26) - How Tiptap content is serialized and saved
(25:25) - Maturity of Tiptap
(28:03) - Adding own blocks to Tiptap
(32:01) - Tiptap and Vue principles
(34:42) - Did the community around Tiptap grew?
(36:22) - ProseMirror as the base for Tiptap
(38:50) - Tiptap Extensions - Seamless with Vue?
(42:48) - Calling Tiptap extensions
(46:55) - Call to Action: A fun idea for a Tiptap Project?
(47:09) - Meet Vanessa and Alex in Germany this Autumn!
(48:22) - Why Vanessa chose Tiptap
(51:32) - Wrapping Up!

Links and Resources

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

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.

55 قسمت

#Tech #Podcasting Education #Alexander Lichter #Michael Thiessen #Vue #Vuejs #Nuxtjs #Nuxt #Web Development #Frontend #End #Webdev #JavaScript #TypeScript

Tiptap and Vue.js (with Vanessa Otto)

DejaVue

published حدود یک سال پیش

اشتراک گذاری

MP3•خانه قسمت

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.

And yes, an example repository is included so you can convince yourself of the easiness! Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(00:55) - Guest Introduction
(04:00) - About the "Working Draft" podcast
(09:54) - What is Tiptap?
(12:30) - Is Tiptap framework agnostic?
(15:38) - The headless part of Tiptap
(18:38) - Customization as the biggest benefit?
(23:26) - How Tiptap content is serialized and saved
(25:25) - Maturity of Tiptap
(28:03) - Adding own blocks to Tiptap
(32:01) - Tiptap and Vue principles
(34:42) - Did the community around Tiptap grew?
(36:22) - ProseMirror as the base for Tiptap
(38:50) - Tiptap Extensions - Seamless with Vue?
(42:48) - Calling Tiptap extensions
(46:55) - Call to Action: A fun idea for a Tiptap Project?
(47:09) - Meet Vanessa and Alex in Germany this Autumn!
(48:22) - Why Vanessa chose Tiptap
(51:32) - Wrapping Up!

Links and Resources

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

55 قسمت

#Tech #Podcasting Education #Alexander Lichter #Michael Thiessen #Vue #Vuejs #Nuxtjs #Nuxt #Web Development #Frontend #End #Webdev #JavaScript #TypeScript

همه قسمت ها

DejaVue

1
Open Source Sustainability (with Daniel Roe, Chad Whitacre & Rijk van Zanten) 1:00:24

1 day پیش1:00:24

1:00:24

Join hosts Michael Thiessen and Alexander Lichter for a special episode of DejaVue - a fascinating panel discussion on open source sustainability with three open source enthusiasts: Daniel Roe (Nuxt Team Lead), Chad Whitacre (Head of Open Source at Sentry), and Rijk van Zanten (CTO and co-founder of Directus). The panelists dive deep into what sustainability truly means in open source and get deep into the weeds of different licensing models, debating whether open source functions as a gift economy, and discuss the challenges of project governance. The panel also discusses important questions about leadership structures in open source projects, the role of companies in funding development, and practical ways everyone can contribute to making the ecosystem more sustainable - whether financially or through other meaningful contributions. Enjoy the episode! Our Guests Daniel Roe - Nuxt Team Lead Bluesky Web Chad Whitacre - Head of Open Source at Sentry Bluesky Twitter Web Rijk van Zanten - CTO and co-founder of Directus Bluesky Twitter Web Chapters (00:00) - Welcome to DejaVue (04:06) - What is Open Source Sustainability (12:51) - Open Source as a gift economy (19:20) - The Projects and their Licenses (29:50) - Sentry is not Open Source (34:53) - Open Source Definition and OSI (37:09) - Why people adopt open source software? (39:44) - Open Source Governance (47:50) - Stewarding an open source team (52:22) - Open Source Leadership (55:40) - What can YOU do to help open source? Links and Resources Mastering Nuxt * xkcd on standards Jacob Kaplan-Moss: Paying Maintainers is Good Sentry Directus Nuxt BSL Fair Source MIT AGPL OSI BDFL Nuxt Governance Open Source Steward in the CRA Daniel Roe: Contributing to Nuxt Open Source Pledge Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
New Releases: Nuxt 3.16 and Nuxt UI 3 42:15

10 روز پیش42:15

42:15

Nuxt 3.16 dropped and it's packed with goodies! In this episode, Alex and Michael break down all the cool stuff in this release that'll make your Nuxt development smoother. They dive into the new command to initialize a Nuxt application, the performance-game-changing lazy hydration support that'll boost your app's performance, and named layer aliases (that you've been waiting for). Plus, huge performance improvements, better error messages with Nitro 2.11 and debugging improvements that'll save you hours of head-scratching. But wait, there's more! The duo also geeks out over Nuxt UI v3, which (surprise!) now works with plain Vue.js too - not just Nuxt. Learn how it leverages Tailwind v4, introduces a sweet CSS variables-based design system, and builds on Reka UI primitives for better accessibility. And somehow, a discount code for Nuxt UI Pro * *cough DEJAVUE cough* gets snuck in there too! Enjoy the episode! Chapters (00:00) - Intro (00:54) - Nuxt 3.16 Feature Overview (01:27) - A new way to initialize Nuxt projects (07:06) - Lazy Hydration in Nuxt (16:05) - Named Layer Aliases (17:45) - Lines of Code vs. Complexity (20:16) - What a new Nitro minor brings to the table (21:33) - Fine-grained debugging options (23:25) - Nuxt Devtools v2 (25:47) - Faster module resolution (and faster boot up time) (27:39) - Using OXC to speed up component parsing (28:58) - Benchmark performance improvements (31:43) - Nuxt UI v3 (40:58) - Sneak peek at next weeks episode 👀 (41:17) - Suggest a new slogan! Links and Resources Mastering Nuxt is out now!* Nuxt UI * Get 20% OFF Nuxt UI PRO * with discount code DEJAVUE Nuxt 3.16 blog post Vue implementing Lazy Hydration Nuxt Lazy Hydration PR Lazy Hydration in-depth More about Nuxt Layers Revamping data fetching in Nuxt PR Nitro 2.11 Youch Harlan's PR to speed up module resolution OXC PR Rolldown-vite CodSpeed Tailwind Variants Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
Visualizing Data in Vue (with Dennis Adriaansen) 1:03:14

18 روز پیش1:03:14

1:03:14

In episode 52 of DejaVue (yes, it is a whole year ), Dennis Adriaansen joins Michael and Alex to discuss data visualization in Vue.js. Dennis shares insights about building chart components, his experience with different charting libraries, and introduces his own Vue charting library. They explore topics like chart customization, performance considerations, and integrating charts into dashboards. The conversation also gets into broader topics such as open source sustainability, UI libraries, and backend integrations with Nuxt. Enjoy the episode! Our Guest Dennis Adriaansen Vue Chart Library X BSky Chapters (00:00) - Welcome to DejaVue (00:33) - A year of DejaVue (01:20) - Another announcement from Michael (02:52) - How did you get into programming? (07:07) - Would people choose Vue more if it was more popular? (11:37) - Podcasts and Hot Takes (19:03) - Why charts? (21:05) - How do you get started with building chart components? (23:39) - What was your use case for charts? (25:16) - What does Unovis provide? (29:31) - Why not other Chart Libraries? (34:34) - Performance of Charts (38:48) - A tiny Vapor update (40:40) - Which Charts does your library support? (44:10) - When do you do Open Source? (45:05) - Open Source Funding & Contributions (49:47) - What makes a good Dashboard? (52:03) - Which backend do you use with Nuxt? (58:41) - Do you have a preferred UI library? (01:01:43) - Where can people find you? Links and Resources DejaVue #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.js Tremor Labs chart.js Unovis Dennis' Nuxt error dashboard Vapor Playground Reading Vue Vapor Vue Chrts (Dennis' Lib) Open Source Pledge BBF Pattern zod valibot Standard Schema Nuxt UI * Inspira UI Reka UI Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
Vite Inside Out (with Matias "Patak" Capeletto) 1:26:38

25 روز پیش1:26:38

1:26:38

Vite is amazing, I think we can all agree on that statement. But what is Vite actually !? Why is it so great, faster than webpack and the "de-facto standard of the web" already? Alex is joined by Vite Core Team member Matias Capeletto, better known as Patak, to talk about all these questions. Learn about the future of Vite, how it uses two bundlers under the hood and why almost every framework adopted it. Enjoy the episode! Enjoy the episode! Our Guest Matias "Patak" Capeletto Vite Website Bluesky Chapters (00:00) - Chapter 1 (00:00) - Welcome to DejaVue (52:00) - How did you get into programming? (05:19) - Working on Open Source Full Time (08:16) - What is Vite? (18:48) - Why is Vite so fast? (22:19) - Rollup and ESBuild? (26:22) - VoidZero and Rolldown (34:08) - The Scope of Vite (36:27) - Vite Environment API (45:49) - Converging Frameworks (50:51) - Funding in Open Source (01:04:24) - React as "the last framework"? (01:10:18) - CRA Deprecation (01:24:41) - Where can people follow you? (01:26:09) - Last Words Links and Resources Rolldown Snowpack rolldown/vite vinxi unplugin vite node Miniflare All About VoidZero DejaVue #044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) Sunsetting Create React App CRA PR create-tsrouter-app Your Hosts Alexander Lichter Bluesky YouTube Website --- 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.…

DejaVue

1
DevRel and IDEs (with Jan-Niklas Wortmann) 51:08

۵ weeks پیش51:08

51:08

For episode number 50 ( not 51 Alex! ), Angular GDE and JetBrains DevRel Jan-Niklas Wortmann joins the show. Together with Michael and Alex they dive into Jan-Niklas' angle of being a DevRel, how framework communities are different and why people should give WebStorm a try. Beyond that, Volar and LSPs are also covered, as well as some new announcements! Enjoy the episode Our Guest Jan-Niklas Wortmann Website Weekly Devs Brew Bluesky Chapters (00:00) - Welcome to DejaVue (01:19) - Guest Intro (03:49) - Difference of Framework communities (08:56) - The Ups and Downs of DevRel (19:52) - Advice for people doing DevRel (25:05) - What is JetBrains? (27:46) - Reluctance to change Tools (31:01) - Why one should check out WebStorm (42:21) - TypeScript and AI in the IDE (48:06) - A web-dev newsletter for your coffee break (49:56) - Where can people follow you? Links and Resources KCDC DejaVue #E033 - Vue or React (with CJ Reynolds) Nuxt Project Template in WebStorm DejaVue #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 now JetBrains Junie The Weekly Devs Brew Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
The Fusion of Laravel and Vue (with Aaron Francis) 1:32:47

۶ weeks پیش1:32:47

1:32:47

In this episode, Michael and Alex are joined by Aaron Francis, software developer, content creator, and co-founder of Try Hard Studios. Besides covering Aaron's journey into programming, they dive into Fusion, a new library that Aaron has been working on which will fuse your Laravel backend together with your Vue frontend, allowing you to write PHP and Vue in the same file. The three developers dive deep into the technical details of Fusion, how it works under the hood, and also how the community reactions have been so far. Enjoy the episode! Our Guest Aaron Francis Fusion TryHard Studios Bluesky Twitter Chapters Links and Resources Laravel TryHard Studios Fusion Fusion Intro Video Aaron's Laracon EU 2025 Talk DejaVue #E029 - Inertia.js (with Joe Tannenbaum) Volar Fusion Reddit Post Nuxt Server Blocks DejaVue #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 post Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
AI and Vue.js (with Daniel Kelly and Patrick van Everdingen) 47:54

۷ weeks پیش47:54

47:54

AI is a hot topic in the tech industry, but how does it intersect with Vue.js? In this special episode, Michael and Alex host a panel at Vue.js Nation 2025 and are joined by two amazing guests: Patrick van Everdingen , AI Solutions Engineer Daniel Kelly , Lead Instructor at Vue School The four developers discuss how AI and Vue can work together. Will we all lose our jobs to AI? How does AI might influence the job market and which tips for Vue.js developers are the most important to know regarding using AI in their projects and workflows? You'll get answers to all these questions, and more in this episode. Thanks again Enjoy the Episode! Our Panelists Patrick van Everdingen CareerDeck AI Twitter Daniel Kelly VueSchool Bluesky Twitter Chapters (00:00) - Welcome to DejaVue (01:08) - Guest Introduction (02:29) - Will we all lose our jobs to AI? (09:24) - How have you integrated AI into your daily workflow? (14:31) - What is your best tip/advice for using AI with Vue.js? (18:03) - Does the role of documentation diminish with AI? (26:21) - How do framework and library authors need to adapt to AI? (31:05) - Where does environmental responsibility intersect with AI? (38:06) - LLMs and Privacy (43:10) - How will AI influence the job market? (45:36) - Where can people find you? Links and Resources DejaVue #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 Tricks Cursor (AI Editor) How Michael uses AI to quickly learn new libraries Anthropic suggesting to use XML tags for structuring prompts WebLLM DejaVue #E045 - Formkit and Hot Takes (with Justin Schroeder) Sign up for Frontend Nation 2025 All talks from Vue.js Nation 2025 Your Hosts Alexander Lichter Twitter YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
A Vue at Alexander Lichter 1:11:52

۸ weeks پیش1:11:52

1:11:52

If you've listened to the last episode, you know what is coming next! It is time to get take a Vue at the other host of this podcast. Michael is asking Alex all around his past - from how we got into programming and web development, if university was worth it and how he got into the Nuxt Core Team. Also don't miss out how Minecraft is part of the history, what non-tech job Alex would do if programming wouldn't be in the cards, and why is GitHub account is over 14 years old. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (02:27) - What are you doing for work? (06:09) - What patterns and bad/best practices have you noticed? (11:18) - How is it being on the Nuxt team? (14:05) - Joining the Nuxt team (17:28) - How did you get into programming? (25:03) - From Gaming to Modding and Programming (30:02) - Getting into Web Development (31:11) - Founding a company (40:34) - Which courses from university stood out? (53:49) - What happened between uni and now? (01:00:12) - When did you start doing YouTube and why? (01:06:25) - Quickfire (01:06:38) - Why did you move to Amsterdam? (01:07:32) - Do you still Minecraft or other games? (01:08:47) - What topic you could give an impromptu talk on? (01:10:49) - Wrapping up Links and Resources Join Vue.js Amsterdam 2025 - Get 10% OFF with the code "DEJAVUE" DejaVue #E046 - A Vue at Michael Thiessen DejaVue #E045 - Formkit and Hot Takes (with Justin Schroeder) DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) How to use the repository pattern in Nuxt Alex' first Minecraft plugin Alex' Old Bukkit account Alex' First Issue (actually his 2nd but who counts these!) SmartGain website Building an Association Manager Playlist PaladinsCounter side project showcase Mastering Nuxt * Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
A Vue at Michael Thiessen 56:37

۹ weeks پیش56:37

56:37

The guest of this episode is one you've heard on here quite often - but do you also know him well? Together, we take a look (or Vue 👀) at Michael Thiessen, co-host of this podcast. Learn how his average day looks like, how he became a full-time content creator and find out what he did before getting into Web Development, plus insights on how he created his first course and dealt with impostor syndrome. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (00:39) - Concept of this episode (02:00) - What are you doing for a living? (02:51) - Why did you start writing content about Vue.js? (04:57) - From a blank page to a blog post (07:36) - How Michael became a full-time educator (12:37) - What was the fist course you created and why that one? (15:45) - Give Feedback! (19:54) - The key part of creating content (22:32) - How many hours do you work? (27:01) - What does an average day look like? (30:24) - The point to switch to being an full-time educator (35:10) - How did you get into programming? (40:17) - Computer Science vs Software Engineering in university (43:31) - Other learnings from university (46:43) - How did you find a job after university? (48:19) - Why Web Development? (49:46) - From React to Vue (51:20) - How did you start with public speaking? (52:30) - Quickfire Questions (52:38) - If not a developer, what would you be? (53:02) - Your favorite non-tech hobby? (53:43) - If you could choose any dev, who would you want to collaborate with and on what? (54:49) - Where can people follow you? (55:45) - Wrapping Up Links and Resources VueConf Toronto Michael's previous band EDM music Michael produced a long time ago Quick Sort Dance Lisp Prolog Unsight Mastering Nuxt * Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
FormKit and Hot Takes (with Justin Schroeder) 1:25:48

10 weeks پیش1:25:48

1:25:48

Together with the FormKit author Justin Schroeder, Michael and Alex discuss the challenges of building forms on the internet. While it seems like a simple task, forms can be complex and pretty time-consuming. Especially when it is more than a Newsletter or Contact Form. Justin shares his experience building FormKit (multiple times), a form library for Vue.js, and how it can help developers build forms faster and more efficiently. From Accessibility to actually covering edge cases such as form hydration and repopulation! Of course, we couldn't let Justin go without talking about some of his hot takes from Vue in 2024, over to Vapor Mode, and Tailwind. Enjoy the episode! Our Guest Justin Schroeder Bluesky Web FormKit Chapters (00:00) - Welcome to DejaVue (00:23) - Guest Introduction (01:15) - How did you get started in programming and Vue.js? (06:02) - Frameworks as resource for learning patterns (11:21) - The biggest reason to change a framework (14:12) - Which framework would you choose for a new project? (16:26) - SolidStart as a fresh start for a framework? (17:56) - Adapting and managing expectations as a maintainer (23:14) - Why Forms are hard and how does FormKit came up? (32:26) - Accessibility for complex forms and components (44:37) - How does FormKit sustain itself? (49:13) - Physical to digital Forms with AI (53:21) - Do you have to utilize AI as a Developer? (01:03:42) - Justin's Hot Takes 🌶 (01:04:21) - Vue in 2024 (01:06:22) - Vapor Mode (01:12:34) - Tailwind and headless components (01:24:42) - Wrapping up Links and Resources FormKit DejaVue #E039 - Migrating a SaaS from Nuxt 2 to Nuxt 3 (with Sumit Kumar) WCAG 2.0 KickStart * Inspira UI Motion-Vue Framer Motion for Vue Addy Osmani - The 70% problem: Hard truths about AI-assisted coding Vue SSR Benchmark Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) 1:02:23

11 weeks پیش1:02:23

1:02:23

After our recap episode on 2024 , it is time to look into 2025 - and share our predictions and even some rather spicy hot takes what developers can expect in 2025. Of course, Michael and Alex once again have the Nuxt team Lead Daniel Roe on the show to get some insights on his takes as well! Find out more about their thoughts on Vue Vapor, Nuxt 4, Conferences, Alien Signals, Vue 4, Nitro and many more topics that will be (most likely) relevant in this year. While the focus is mainly Vue and Nuxt, topics around general Web Development are covered too - from AI to Open Source and the job market in 2025. Enjoy the Episode! Our Guest Daniel Roe Bluesky Web YouTube Twitch Chapters (00:00) - Welcome to DejaVue (01:21) - Daniel's Injuries and Accessibility (03:13) - Fake teeth and other foolery (04:10) - Biomodding your teeth (06:25) - Is 2025 the year of Nuxt 4? (11:49) - React Metaframeworks and the year of Nitro? (17:28) - Course Announcements (21:41) - No more Vinxi in 2025? (26:03) - A prediction from the future (31:14) - Will 2025 shift Open Source Sustainability... (32:08) - ...driven by the WordPress incident? (36:37) - Why hasn't there been a WordPress fork? (39:10) - More amazing Conferences coming in 2025? (42:55) - Vue Vapor in 2025 (47:56) - The Year of AI Agents? (53:10) - Alien Signals Adoption in the JS World (54:14) - Vue 4 coming in 2025? (55:17) - A Unified JavaScript Toolchain in 2025? (56:12) - The Developer Job Market in 2025 (01:00:21) - What are you predictions for 2025? (01:00:56) - Daniel's info and Alex' last prediction Links and Resources Accessibility Chart State of JS Survey Alex' Video on State Of JS through the Vue lense Daniel's upcoming React to Nuxt course Mastering Nuxt (3 at the time of recording) * Alex' upcoming Nitro Course Badass Courses' Course Builder Repo Vinxi Nikhil's tweet NIH tendency XKCD standards thanks.dev Open Source Pledge MadVue PragVue Kazupon's Tweet on Vapor with other Frameworks Meta on Large Concept Models Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
The Year in ReVue (with Daniel Roe) 56:22

12 weeks پیش56:22

56:22

Of course, we can't fully start into 2025 with a little ReVue of the past year. And to make sure to catch all the highlights, Alex is joined by Daniel Roe, full-time open source developer and lead of the Nuxt team to go through some notable events of 2024 in the Vue and Nuxt ecosystem. In addition to the shining moments of 2024, don't miss out a deep dive into web fonts, learn why Nuxt 4 isn't out yet if you didn't know already and maybe even get a slight glimpse into 2025 and Nuxt 5. Enjoy the Episode! Our Guest Daniel Roe Bluesky Web YouTube Twitch Chapters (00:00) - The Year in ReVue (01:08) - Daniel's favorite release in 2024 (02:20) - How did Nuxt Fonts evolve in the past year? (03:58) - Benefits of Nuxt Fonts (05:38) - Possible Future Improvements of Nuxt Fonts (07:45) - What devs do wrong with fonts (09:29) - The one CI tip saving you troubles (11:01) - Vue 2 going EOL (13:20) - Vue's development progress in 2024 (14:31) - Alien Signals (17:24) - Tooling in Vue (19:20) - Triaging the ecosystem (23:53) - Our favorite Nuxt.js improvements (30:25) - Nuxt 4 (37:14) - Nuxt 2 going EOL and Nuxt Bridge (41:51) - Incremental improvements in the Vue Ecosystem (45:24) - The Open Source Pledge (47:45) - VoidZero (49:30) - Our Favorite Vue.js Features in 2024 (52:19) - Quickfire (54:22) - Honorable Mentions (54:47) - Your feeling about the Vue and Nuxt ecosystem in 2024 (55:51) - Wrapping Up Links and Resources Join Vue.js Amsterdam 2025 * and get 10% off with code DEJAVUE Nuxt Fonts Daniel's Talk at Vue Amsterdam 2024 Fontaine PostCSS Font Magician Alien Signals TC39 Polyfill Alien Signals PR Volar Vue TSC as part of the language tools sharedPrerenderData Video Upgrade to Nuxt 4 via compatibilityVersion already Nitro SSR Logs in the Browser Nuxt 3.15.2 Nuxt Bridge Vue Macros Vite Elk StackBlitz xkcd 2347: Dependency useId (Lazy) Hydration defineModel Hydration message improvements on Vue 3.4 Reactive props destructure v-bind shorthand Nuxt OG Image UnoCSS Vue is the fastest SSR Framework Inspira UI Components Your Host Alexander Lichter BlueSky YouTube Website --- 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.…

DejaVue

1
Creating Technical Content (with Adam Jahr) 1:04:43

13 weeks پیش1:04:43

1:04:43

In this episode, Michael talks with Adam Jahr, Founder of Vue Mastery, all about creating technical content - and how this is relevant for you as a developer. Tune in and figure out how Adam founded Vue Mastery, what his biggest learnings from his Coding Bootcamp times were and learn key tips that can set your content apart from others! And as a bonus - learn what creating content, regardless the format, has to do with Harry Potter or Lord of the Rings. Ready? Then wait no further Enjoy the Episode! Our Guest Adam Jahr Vue Mastery Adam on X VueMastery on YouTube Chapters (00:00) - Welcome to DejaVue (01:03) - Why creating technical content is key (02:16) - What is Vue Mastery? (05:52) - Biggest learnings from Coding Bootcamp times (09:46) - Getting in touch early with the Vue community (15:03) - Splitting time between marketing and creating content (18:40) - Importance of different Creators and learning Formats (20:07) - How to reach and teach developers (31:41) - The same framework applied to sales (33:19) - Applying it to your own stuff (34:44) - A glimpse down the rabbit hole (39:22) - Creating an open loop (43:32) - Music Production and Sourdough (47:47) - Show them the "Why" (52:45) - Isolating focus (58:26) - Magic Move and Animations (01:03:18) - Where can we follow you Adam? (01:04:19) - Wrapping up Links and Resources Join Vue.js Amsterdam 2025 * and get 10% off with code DEJAVUE Hero's Journey Vue Mastery Michael's Composable Design Course (out now!) DejaVue Episode #020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) Your Host Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
The Quadruple Migration (with Rijk van Zanten) 1:20:43

14 weeks پیش1:20:43

1:20:43

To start the year light and fun, Michael and Alex are joined by Rijk van Zanten, the creator of Directus. Of course we talk about his journey into web development, the Vue.js ecosystem, what Directus is and why he chose Vue over other frameworks for it's extensible frontend. Further, Rijk shares his thoughts on the Vue.js job market and how his "Quadruple Migration", over to the Composition API, Pinia, Vue 3 and Vite, went. As a cherry on top - this all started *very* early in the development cycle of Vue 3! But the fun doesn't and there because Rijk comes with the one or the other hot take on topics like TypeScript and whether our libraries will be worse for JavaScript developers, testing, and many many other scenarios. Enjoy the Episode! Our Guest Rijk van Zanten Directus BlueSky Web Chapters (00:00) - Welcome to DejaVue (00:47) - How did you got into Web Development and Vue? (03:10) - Does Vue appeal to a certain kind of people? (05:35) - The web as the primary platform (07:47) - What is Directus? (10:34) - Why Vue.js and not React for Directus? (18:28) - Jobs for Vue vs. React Developers (26:33) - Green Flags for Hiring Candidates (27:19) - Composition API and Pinia from 0.0.1 (39:02) - Breaking changes and Migrating from early versions (44:28) - Testing when Prototyping - Unit and E2E (53:11) - The right level of Testing for the project (55:56) - Mutation Testing (59:09) - Does TypeScript makes us writing worse JS libraries? (01:09:09) - Dealing with Legacy and EOL (01:18:38) - Where can people Follow you? (01:19:42) - Wrapping up Links and Resources Join Vue.js Amsterdam 2025 * and get 10% off with code DEJAVUE ConTejas Podcast with Alex Michael's Clean Components Toolkit Michael's Upcoming Composable Design Course Daniel Roe's React To Nuxt Course Alex's Next to Nuxt Migration in less than 1h Video Stryker Mutation Testing Framework DejaVue Episode #038 - Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar) Your Hosts Alexander Lichter Twitter YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
Composition API vs Options API Special 59:35

15 weeks پیش59:35

59:35

This DejaVue episode comes as a little special! As a belated Christmas present, we got everything, literally everything that was discussed on this podcast about one big topic: Composition API vs. Options API . A lot of our previous guests had their own takes on the two APIs - and some might surprise you! So, why not tuning in and hear fifteen people talk about their opinions, insights and suggestions when it comes to using their preferred API in Vue - and why. Oh, and yes - there is even a little spoiler for next weeks episode Enjoy the episode! Chapters (00:00) - Welcome to the DejaVue Special (00:37) - Evan You (18:04) - Natalia Tepluhina (26:09) - Tim Benniks (27:11) - Joe Tannenbaum (30:14) - CJ Reynolds (37:33) - Simone Cuomo (41:28) - Sumit Kumar (48:29) - Jakub Andrzejewski (49:54) - Rijk van Zanten (53:47) - Eduardo San Martin Morote (57:46) - Vue Toronto Panel (58:18) - Wrapping Up Links and Resources Organizing Composition API Code Video Michael's Inline Composable Article Screenshot CAPI OAPI Comparison Evan's Migrated File Pinia Referenced Episodes DejaVue #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 WEEK DejaVue #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 Hosts Alexander Lichter BlueSky Twitter YouTube Twitch Website Michael Thiessen Twitter YouTube Website 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.…

DejaVue

1
Migrating a SaaS from Nuxt 2 to Nuxt 3 (with Sumit Kumar) 41:10

16 weeks پیش41:10

41:10

The second half of the conversation with Sumit Kumar focuses all on the technical side of his SaaS. At first, Michael and Alex talk about Sumit's experience with the migration from Nuxt 2 to Nuxt 3 - and we all know this isn't an easy one. Further, the Composition API vs. the Options API, as well as structuring code and writing good composables are discussed. And of course, the question if Sumit considered rewriting the application based on another tech stack was part of it too - he had really good reasons why he didn't! Time to tune in. Enjoy the Episode! Our Guest Sumit Kumar Parqet (GER) BlueSky Twitter YouTube Chapters (00:00) - Welcome to DejaVue (00:44) - How did your Nuxt migration go? (02:32) - When did you start considering migration and why not earlier? (04:42) - Composition API only packages and other pitfalls (06:46) - Steps that you tried out (10:11) - No such migration anymore (10:28) - Time frame of the migration (12:07) - What is CAPI and what stays OAPI (15:31) - Getting acquainted with the Composition API (18:28) - Structuring your Script part (26:00) - Reusing Composables (30:56) - Changing the Tech Stack? (38:35) - Wrapping Up Links and Resources Fill out the State of Vue.js Survey Pinia Michael's Inline Composable Article Organizing Composition API Code Video Michael's Composable Design Patterns Course (Early Access) Screenshot CAPI OAPI Comparison Evan's Migrated File DejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) DejaVue #E010 - Design Patterns in Vue.js Your Hosts Alexander Lichter Twitter YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar) 1:01:24

17 weeks پیش1:01:24

1:01:24

In this episode of DejaVue, Alex and Michael are joined by Sumit Kumar , the founder of Parqet. Sumit shares his journey from getting into Web Development and Vue.js over to working at Stripe and eventually founding Parqet, a (German) portfolio tracker SaaS. Topics covered in the first part of our conversation include a lot of business insights, such as the transition from being a developer to being a founder, the challenges and benefits of bootstrapping, as well as the importance of marketing. If you are interested in the business side of things, you definitely should not miss out. Enjoy the episode! Our Guest Sumit Kumar Parqet (GER) BlueSky Twitter YouTube Chapters (00:00) - Welcome to DejaVue (01:28) - How did you get into Web Development and Vue.js? (04:53) - Converging Frameworks (07:39) - Previous Work Experiences and joining Stripe (10:15) - What did you learn from working at Stripe? (14:05) - The Front Page Test (16:39) - How did your start Parqet? (20:12) - The Transition from Developer to Founder (23:02) - Can you focus only on Programming as a Founder? (27:03) - Finding a CEO instead of being one (29:25) - Marketing is Half the Job (30:24) - How did Parqet grow? (39:56) - Why don't you share your MRR anymore? (43:15) - Why did you choose to bootstrap (49:26) - Niche down strategy (51:47) - Dealing with GDPR and localization (01:00:40) - Wrapping up Links and Resources Fill out the State of Vue.js Survey And also the State of JS Survey 🙌 Mastering Nuxt 3 * DejaVue #E031 - All About VoidZero (with Evan You) Parqet (GER) The EMyth Revisited MAKE The Launch Livestream of Parqet fka. Tresor One (GER/ENG) Minimal Empires (GER) Verhältnismäßigkeit How to center a div Your Hosts Alexander Lichter Twitter YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

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

18 weeks پیش43:21

43:21

For the first time, the DejaVue Podcast goes "live"! Alex and Michael met up at VueConf Toronto and could do a whole DejaVue episode on stage. Of course, this is even more fun with guests, so they are joined by four speakers of the Conference. Evan You , Creator of Vue, Vite, Rolldown and Founder of VoidZero, Daniel Roe , Lead of the Nuxt Team, Sigrid Huemer , Software Engineer at Sentry , and John Leider , Creator of Vuetify . But that's not the end! The audience could ask questions to the whole panel, while the DejaVue hosts curated and selected the most interesting ones. Learn more about how all of the panelists started with Open Source, which were their biggest achievements, how Impostor Syndrome influenced them, what talks they'd be interested in as speakers and much more Enjoy the Episode! Our Panelists Evan You Vue.js Vite VoidZero Bluesky Daniel Roe Website YouTube Bluesky Sigrid Huemer Website Bluesky John Leider Website Twitter Chapters (00:00) - Welcome to DejaVue Live (00:38) - Introducing our panelists (02:29) - How did you get into Open Source? (06:23) - What side projects are you working on? (11:40) - Do you feel the impostor syndrome? (18:53) - What were your biggest achievements so far? (22:42) - How to get started contributing to Open Source? (34:37) - What kind of talks would you be interested in? (38:55) - Quickfire questions - What is your favorite Vue feature? (39:32) - Options API or Composition API? (39:46) - ref or reactive? (40:03) - Tabs vs. Spaces? (40:34) - Favorite Editor? (40:52) - Conferences in person or remote? (41:06) - Git - Rebase or Merge? (41:28) - Podcast, Video or Blogposts? (41:48) - Your favorite way of writing CSS? (42:42) - What is your favorite Frontend Framework? Links and Resources Fill out the State of Vue.js Survey And also the State of JS Survey 🙌 Your Hosts Alexander Lichter Twitter YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
Secure your Vue and Nuxt applications (with Jakub Andrzejewski) 1:04:34

19 weeks پیش1:04:34

1:04:34

Security is a topic that is often overlooked in the frontend world. But at least for you all - no longer! To make sure we cover Security for Vue and Nuxt applications as broad as possible, Michael and Alex are joined by Jakub Andrzejewski, who is not only a Senior Frontend Developer but also author of the Nuxt Security Module. We cover not only the module but also how to avoid common security mistakes as a Vue developer and how to protect your applications from vulnerabilities, and which are the most common ones. Of course, we can't miss out on the State of Vue.js Survey, which is currently running and was co-created by Jakub as well! Besides talking about the Security and the State of Vue.js, we also discuss how Jakub got into Vue.js at first and how he perceived the transition to Vue 3 and the Composition API. Enjoy the episode! Our Guest Jakub Andrzejewski Blog Bluesky Twitter Chapters (00:00) - Welcome to the DejaVue Podcast (00:12) - Introducing our Guest (02:07) - The Nuxt Ecosystem Team (07:47) - How did you get into Vue.js (13:09) - Transition to Vue 3 and Composition API (17:00) - React Livecoding as a Vue Dev (18:10) - vue-vine for multiple components (20:34) - State of Vue (30:30) - The Nuxt Security Module (37:36) - Will the module project you from everything? (41:59) - The ShipFast incident (45:05) - Ethical Hacking and NPM Security Vulnerabilities (49:24) - Privilege Escalation at Shopify (51:45) - Nuxt Security without a Server (54:28) - More Logic in the Frontend (55:38) - Nothing to Hide? (57:28) - Security Mistakes to Avoid as a Vue Developer (01:02:13) - Wrapping up Links and Resources Fill out the State of Vue.js Survey And also the State of JS Survey 🙌 Nuxt Security Module Vue Vine State of Frontend (Results out) OWASP Top 10 DejaVue #E006 - Nuxt Server Components (with Julien Huang) Shipfast incident writeup Your Hosts Alexander Lichter Twitter YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
Error Handling in Vue 29:20

19 weeks پیش29:20

29:20

All of you have seen users do weird things with your application and running into strange scenarios - who can't relate to this? For this and many other reasons, the right way of error handling is important in you application. Join Michael and Alex on a discussion of the different ways one can handle errors in their application. That includes not always showing an error page, but also handling errors request-based or component-based! On that note, error messages and how to write decent ones that are helpful for the users are discussed, as well as how components like NuxtErrorBoundary work under the hood Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (01:22) - The good old error page (01:58) - Write good error messages! (03:11) - The Vue global error handler (05:07) - Server vs. Client Errors in Nuxt.js (08:34) - The vue:error hook (09:05) - Global error handling for $fetch and interceptors (11:10) - Throw unhandled errors in Prod with Vue 3.5? (13:07) - Component-level error handling (16:33) - NuxtErrorBoundary (18:01) - defineAsyncComponent (18:53) - Request-based error handling (21:45) - New default values in Nuxt 4 (23:30) - Error Tracking (26:33) - Actually handling the errors (28:54) - Wrapping up Links and Resources State of JS Survey Sentry Bugsnag Rollbar Michael's talk on error handling in Nuxt Michael's article on error handling in Nuxt * And another deep dive into Nuxt 3 error handling * DejaVue #E034 - Data Fetching in Vue and Nuxt Vue Issue regarding throwing errors in production (low level) Vike NuxtErrorBoundary component Source Code ofetch Zod Valibot Nuxt 4 error and data will be undefined by default Create abstractions for your headings and buttons Your Hosts Alexander Lichter BlueSky Twitter YouTube Twitch Website Michael Thiessen Twitter YouTube Website 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.…

DejaVue

1
Data Fetching in Vue and Nuxt 46:02

21 weeks پیش46:02

46:02

Data fetching is a crucial part of any web application . In this episode of DejaVue, we discuss the different ways to fetch data in Vue.js and Nuxt.js, and how to cache it. We also talk about the experimental Suspense feature in Vue.js and how it can be used to improve the user experience, as well as how to handle third-party scripts in your application. In addition, Nuxt's data fetching options are discussed, including the $fetch method, useFetch, useAsyncData and the useNuxtData composable. Finally, we cover server-side caching in Nuxt.js, including route rules, defineCachedEventHandler, and defineCachedFunction. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (00:50) - Which topics should be covered next? (01:56) - This episodes topic - Data Fetching (04:13) - Two ways of client-side caching (06:17) - What is Data Fetching actually - and which library to use? (08:19) - Suspense in Vue.js (14:03) - Third Party Scripts (17:38) - Data fetching basics in Nuxt.js (20:28) - $fetch vs useFetch (23:27) - $fetch request deduplication on the server (24:43) - Caching in Nuxt.js (28:18) - routeRules of server-side caching (29:38) - defineCachedEventHandler / defineCachedFunction (32:19) - Unstorage for storing the cached files (35:41) - useNuxtData (40:26) - Why does Nuxt offer more data fetching options? (45:32) - Wrapping up Links and Resources LAST CHANCE 15% discount for the VueConf Toronto * with code DEJAVUE ofetch ky Suspense in Vue Data Loaders DejaVue #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote) nuxt-workers Partytown squoosh.app DejaVue #E001 - The Need for SSR You are using useFetch wrong DejaVue #E003 - Nitro: The Next Generation Server Toolkit Caching in Nitro Client side caching with getCachedData Composable Caching Utils issue Route Rules in Nuxt DejaVue #E002 - Building a Nuxt.js SaaS in less than a week (with Harlan Wilton) Your Hosts Alexander Lichter BlueSky Twitter YouTube Twitch Website Michael Thiessen Twitter YouTube Website 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.…

DejaVue

1
Vue or React? (with CJ from Syntax) 1:06:53

22 weeks پیش1:06:53

1:06:53

Alex is accompanied by the wonderful CJ Reynolds in this episode of DejaVue. The Senior Creator at Syntax.fm brings not only Vue experience but also a history of Angular JS and React, as well as various other technologies. The two content creators talk about how CJ became a senior creator at the well-known Syntax.fm podcast and how it is different from Streaming on Twitch and his previous content creation processes. Further, CJ gives insights on how the Denver Vue meetup evolved (now the DenverScript meetup) and shares some hopes when it comes to the meetup scene. Alex and CJ then discuss more technical topics - for example why CJ never fully switched over to Vue but still writes it a lot. The discussion eventually goes into comparisons between Vue and React, highlighting what Vue does "better" than React and how the Vue ecosystem shapes the web development work. Enjoy the episode! Our Guest CJ Reynolds Own Website Syntax Website Twitch YouTube (Coding Carden) YouTube (Syntax.fm) BlueSky Twitter Chapters (00:00) - Welcome to DejaVue (00:47) - How CJ joined the podcast (01:38) - How did you become the Senior Creator at Syntax.fm do? (06:00) - Differences to previous gigs and streaming (12:17) - From starting with web development to Vue.js (15:54) - Running the Vue Denver meetup (19:25) - Is the meetup scene growing again? (21:13) - Why didn't you switch fully to React? (23:49) - What Vue does "better" than React (27:01) - Two-way data binding (31:35) - How opinionated is Vue (32:58) - Vue without a build step (35:01) - Does Vue "seem" too magical? (36:07) - "Needing" a meta framework? (38:50) - Nuxt and the UnJS packages (41:01) - Frameworks converging (41:55) - Vue did Signals "first" (42:58) - Is Vue bad at marketing? (44:40) - Vue Job market (45:40) - Vue and Innovation (46:59) - Vue being left out of the conversation (50:52) - What stops from switching to Vue? (53:52) - The change to Vue 3 and the Composition API (01:02:38) - VueUse as a good example (01:03:26) - Composition API without script setup (01:05:56) - Where people can follow CJ (01:06:34) - Wrapping up Links and Resources Get 15% OFF for your Vue Toronto ticket with code DEJAVUE * Syntax Podcast DenverScript immer Immutable.js petite-vue Episode 16 - The Future of Vue.js (with Evan You) vinxi Episode 30 - Pinia and Data Loaders (with Eduardo San Martin Morote) Vue Data Loaders Nitro Interview with Evan You about VoidZero Syntax Video Series - React vs Vue Headless UI FormKit Organizing Code when using the Composition API Your Host Alexander Lichter BlueSky Twitter YouTube Twitch Website --- 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.…

DejaVue

1
Getting Started with Vue.js (with Simone Cuomo) 50:54

23 weeks پیش50:54

50:54

In this episode of DejaVue, Michael is joined by special guest Simone Cuomo . Together, they discuss how to " get started " with Vue and also topics around general developer culture, such as in-office vs. remote work and the power of mentorship. Simone also shares learnings and insights from the recent Vuejs.de Conference - as well as his hot take about Vue.js (Hint: it is related to the Composition API!) And of course, recent topics like AI and whether it is good or bad for beginners shouldn't be left out either. Enjoy the episode! Our Guest Simone Cuomo Website Twitter Chapters (00:00) - Welcome to DejaVue (01:51) - Experience with in-office work (07:20) - Mentorships (11:57) - Job-ready after university (18:37) - Learnings from the Vuejs.de Conference (24:27) - Simone's Hot Take on Vue.js (31:12) - Getting Started with Vue.js (38:30) - Tip for reading complex library code (39:35) - Is AI helpful for junior developers? (49:07) - Wrapping Up Links and Resources Get 15% OFF for your Vue Toronto ticket with code DEJAVUE * GitKraken Vuejs.de Conf Panel VueUse Simone's new book - Vue.js 3 for Beginners Simone's first book - Beyond coding What is a composable Your Host Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
All about VoidZero - The Interview with Evan You 1:08:38

24 weeks پیش1:08:38

1:08:38

As a special DejaVue episode - Alex met up with with the creator of Vue, Vite and founder of VoidZero Evan You himself and discuss his new company and the vision of a unified toolchain. Starting with how the idea of VoidZero came up and finding the right investors went, further discussion revolve around the monetization and why VC money was the way to go instead of other models, such as the sponsorship model of Vue, OpenCore or similar. Also, we cover a lot of community questions, such as whether Next.js will support Vite in the future, what lessons Evan and team learned from other projects like Rome and when we see the first Vite version with Rolldown. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (00:26) - What is VoidZero? (01:09) - When did you have the idea for VoidZero? (05:16) - Limits of Vue's funding model (07:10) - When did you found VoidZero? (09:20) - The name VoidZero (11:25) - What is open source will stay open source! (11:54) - Who is on the VoidZero team? (14:56) - VC Funding for VoidZero (18:12) - Picking the right investors (19:34) - The solved Zero to One Problem (21:05) - NPM download as metric (22:02) - Other company models for VoidZero (28:18) - Lessons Learned from other "unified JS toolchain projects" (33:21) - Feedback from framework authors (34:28) - VoidZero and runtime-agnosticism (37:35) - Projects close to what VoidZero should become? (38:14) - Upcoming projects which will be integral for VoidZero (39:50) - The Monetization of VoidZero (41:55) - Monetizing a toolchain (43:15) - Are planned services relevant for hobby devs? (44:12) - How do you plan to divide the funds? (44:50) - Vue as first class citizen (48:48) - Impact of VoidZero on time for Vue and Vite (55:37) - Relationship between VoidZero and UnJS (56:55) - .config proposal (57:39) - Migration path from tools like SWC or esbuild (59:27) - When Next.js will support Vite? (01:01:34) - oxc-lint and stylistic rules (01:02:42) - Collaboration with the TypeScript team? (01:03:04) - TypeScript Checking in VoidZero? (01:03:32) - Will the formatter support Prettier? (01:04:05) - License Change to Vite (01:05:14) - When can we test Rolldown + Vite? (01:06:30) - Hiring at VoidZero (01:08:20) - Wrapping up Links and Resources Announcement Blogpost ViteConf Keynote VoidZero Team Vite License Change PR Rolldown Vite Fork…

DejaVue

1
Pinia and Data Loaders (with Eduardo San Martin Morote) 46:24

25 weeks پیش46:24

46:24

Michael is joined by VueRouter and Pinia Author Eduardo San Martin Morote aka posva . Together, they go deep into questions around the de-facto standard state management tool and why people should use Pinia, but also discuss what Data Loaders and Pinia Colada are (not the drink friends!). Further, the two content creators discuss how Mastering Pinia came together and what challenges are to expect when going from a "live workshop" to recorded videos. And of course, we can't forget upcoming conferences and meetups - with a sneak peek of what posva might present 👀 Enjoy the episode! Our Guest Eduardo San Martin Morote Website Twitter YouTube Chapters (00:00) - Welcome to DejaVue (00:46) - Upcoming Vue Conferences (03:46) - Eduardo's Involvement in VueX (05:03) - Why would you use Pinia? (11:50) - Another view on stores (14:14) - Insights from Mastering Pinia (20:16) - Live Workshop vs recorded videos (26:00) - How to improve tech video content (29:09) - Data Loaders API (34:31) - Pina Colada vs GraphQL (36:15) - RFC for Data Loaders (38:10) - Organising a Meetup (44:56) - Wrapping up with a discount Links and Resources Get 15% OFF for your Vue Toronto ticket with code DEJAVUE * Pinia Mastering Pinia * Pinia Disasterclass Talk Mastering Nuxt * DejaVue #E015 - Ten Years of Vue.js (with Evan You) Data Loaders Your Host Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
Inertia.js (with Joe Tannenbaum) 56:34

26 weeks پیش56:34

56:34

Vue.js can be used in many different ways - with a meta framework, as a plain SPA, via the script tag and also with Inertia ! Created in the Laravel ecosystem with adapters for various back- end front-end frameworks, Alex and Michael got a special guest on the episode who couldn't fit better to illustrate what Inertia is capable of. Joe Tannenbaum , Software Engineer at Laravel and Inertia contributor goes all in-depth on the capabilities of the library, as well as sweet features and changes coming up for the future Inertia v2 release. Looking for an easy way to write applications? After this episode, you might have found it. Enjoy the episode! Our Guest Joe Tannenbaum Website Twitter Chapters (00:00) - Welcome to DejaVue (00:56) - What is Laravel and when did you got into it? (05:40) - Does Laravel has starter kits? (07:41) - Laravel Cloud, funding and growth (13:22) - What are TUIs? (16:37) - What is Inertia? (22:15) - How would Authentication work with Inertia? (24:01) - Adapters for Phoenix and Rails (25:08) - Feature in Inertia version 2 (32:53) - Breaking changes for v2 (33:56) - Composition API or Options API? (37:27) - What part is the routing layer? (38:48) - Further Inertia Helpers (41:14) - Inertia's SSR story (45:17) - Data fetching (46:48) - When not to Inertia? (47:45) - How much do you think about Inertia when coding? (50:09) - Too many amazing things to use (52:20) - Wasn't Inertia "done"? (54:23) - Wrapping up Links and Resources Get 15% OFF for your Vue Toronto ticket with code DEJAVUE * Jess Archer - "Unveiling Laravel Prompts" Joe Tannenbaum - "Terminal UIs" Inertia.js Laravel Livewire Your Hosts Alexander Lichter Twitter YouTube Website Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
Vue Performance Tips 40:44

27 weeks پیش40:44

40:44

Vue is fast (actually the fastest SSR framework)! But sometimes apps might a bit more fine-tuning. And by sometimes, we mean rarely . Still, it can happen - so join Alex and Michael in this DejaVue episode to dive into what tools Vue gives us to improve the frameworks' performance. Further, they dive into the recent SSR benchmark and what it means for you as a developer, as well as striving topics like perceived performance. Enjoy the episode! Chapters (00:00) - Intro (01:14) - The topic of this episode - Performance (02:05) - Optimizing for performance from the beginning? (04:03) - Prop stability (08:18) - v-once (10:45) - v-memo (12:57) - Does v-pre fit into the mix? (14:28) - Recalculation of computed's (20:47) - Virtualization (24:05) - shallowRef (27:25) - Vapor Mode in the future (28:44) - Server Side Rendering (29:14) - The recent SSR benchmark (31:35) - Results of the benchmark (32:00) - What does this mean for you? (35:19) - Perceived performance (37:33) - Improving SSR performance (39:12) - VueConf Toronto (40:20) - Wrapping up Links and Resources 15% discount for the VueConf Toronto * with code DEJAVUE DejaVue #E026 - Vue 3.5 Analyzed DejaVue #E027 - Working at AWS (with Erik Hanchett) v-once v-memo v-pre The shallowRef guide Performance Vue Docs Michael Reactivity From Scratch Free Course Vapor Mode Reading vuejs/core-vapor DejaVue #E001 - The Need for Server-Side Rendering (SSR) Alex' SSR Benchmark video 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.…

DejaVue

1
Working at AWS (with Erik Hanchett) 54:26

28 weeks پیش54:26

54:26

While Alex is at PragVue, Michael is joined by Developer Advocate Erik Hanchett who works at no other company than AWS . In this DejaVue episode, they discuss the different duties of a Developer Advocate and skills one need to become one, as well as everything around content creation and conferences. In addition, Erik shares how it is to write Vue code as a Software Engineer at AWS, which he did for multiple years. Enjoy the episode! Our Guest Erik Hanchett Website Twitter YouTube Chapters (00:00) - Welcome to DejaVue (00:35) - How would you describe your job? (03:20) - Do you miss the deep technical problems? (09:41) - Duties when speaking at a conference (12:50) - What is Developer Advocacy? (23:30) - Which skills do you need to be a Developer Advocate? (26:40) - Your first content pieces doesn't have to be perfect (28:16) - First Five unreleased DejaVue episodes (29:44) - Putting yourself out there (32:09) - Erik's first podcast guest appearance ever (37:10) - Using Vue.js at Amazon Web Services (41:29) - How did you get into Vue? (43:16) - Working on AWS Open Source projects (45:06) - Migrating a library from Vue 2 to Vue 3 (49:48) - Nested Slot Bonanza (51:34) - Angular, React and Vue devs in the same project (52:15) - Wrapping up Links and Resources Get 15% OFF for your Vue Toronto ticket with code DEJAVUE * AWS Amplify VueUse Vue Demi XState Your Host Michael Thiessen Twitter YouTube Website --- 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.…

DejaVue

1
Vue 3.5 Analyzed 44:19

29 weeks پیش44:19

44:19

Vue 3.5 came out recently, so why not using the opportunity to dive into the features of the new minor version? Michael and Alex will do so and discuss performance improvements, SSR features and new composables in detail. If you wondered what the difference of the future Lazy Hydration and existing async components or what other features are part of the new minor, it is time to tune in ✨ Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (01:26) - Performance improvements in 3.5 (04:59) - Props Destructuring out of experimental (12:23) - SSR Improvements (12:52) - Lazy Hydration (17:10) - How is Lazy Hydration different to existing async components? (21:42) - useId (25:25) - data-allow-mismatch (29:02) - Web Component improvements (31:42) - useTemplateRef (34:34) - Deferred Teleports (38:45) - onWatcherCleanup (42:37) - Wrapping up Links and Resources 10% discount for the vue.js de Conf in Bonn, Germany * with code DEJAVUE DejaVue #E016 - The Future of Vue.js (with Evan You) Vue 3.5 announcement blog post Rolldown Vite Evan'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 post Vue.js Hydration Explained Lazy Hydration in Nuxt (voice your opinion!) Volkswagen package Volar DejaVue #E006 - Nuxt Server Components (with Julien Huang) DejaVue #E004 - Teleports and When to Use Them DejaVue #E011 - Learning new Vue Features and Concepts (with LearnVue aka. Matt Maribojoc) VueUse 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.…

DejaVue

1
Nuxt Modules and Open Source at work (with Lucie Haberer) 47:20

30 weeks پیش47:20

47:20

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 en light ening surprise there! In addition, they talk about how Open Source works at Prismic - from when they do open source over to sponsoring projects and contributing - and many more insights. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (00:49) - A Free Nuxt UI Course (04:02) - How you got into Vue.js (06:42) - From Building a Nuxt module for SSG to joining the core team (13:48) - A module to control your smart lightbulb? (14:35) - Running a Nuxt module in every Nuxt app on the computer (19:33) - Public Speaking and Conferences (23:41) - Local Meetups (26:26) - Lucie's responsibilities in the Nuxt team (27:27) - Inbox 0 and GitHub notifications (28:55) - Building vs. working with a framework (31:21) - Monkey patching - but don't forget to raise an issue! (32:11) - Being a DX Engineer (35:20) - Prismic and Open Source (40:56) - Open Source Sponsoring (43:00) - Working with other frameworks (45:36) - Wrapping up Links and Resources $10 off for Michael's Nuxt Tips Collection * with this link and the code DEJAVUE 10% discount for the vue.js de Conf in Bonn, Germany * with code DEJAVUE Prismic Free Nuxt UI Course unhead NuxtLink RFC .nuxtrc Nuxt Devtools Discussion defu DejaVue #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.…

DejaVue

1
Between Agency Work and Open Source (with Zoey and Dan from SIDESTREAM) 1:17:08

31 weeks پیش1:17:08

1:17:08

This DejaVue episode is a world premiere, with having two guests on the episode for the first time! And not only that, the topics are exciting too. Michael and Alex are joined by Dan and Zoey, both working at SIDESTREAM, an agency using Vue and Nuxt to realize projects. But besides the project business, they also have Sidebase, a non-profit "spin-off" responsible for open-source Nuxt modules like @sidebase/nuxt-auth which some of you might know already! Listen to the discussion around how doing Open Source benefits SIDESTREAM, how the Vue job market and hiring works, why Vue and Nuxt were chosen first of all and all around Nuxt Auth and further modules. Enjoy the episode! Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (01:37) - Sidebase vs SIDESTREAM (03:57) - How did you choose Vue and Nuxt? (08:21) - Do clients care about your tech stack? (10:31) - Finding Vue.js Developer to Hire (14:35) - What brought SIDESTREAM to open source? (18:45) - Developing Sidebase - From template to starter (22:11) - Which choices Sidebase offer? (26:03) - The case against wrapper packages (28:57) - How did SIDESTREAM benefits from Sidebase? (33:17) - Inspired by Open Source (37:42) - Influence from previous projects on Sidebase (40:33) - Moving from Python to full-tack TypeScript (45:48) - Separate services or one Nuxt application? (49:47) - The Sidebase Nuxt Auth Module (54:14) - Migrating the base of Nuxt Auth to Auth.js (56:02) - Other Auth solutions (01:02:37) - Dead ends during module development (01:07:48) - The future of Sidebase and SIDESTREAM (01:15:10) - Wrapping up Links and Resources $10 off for Michael's Nuxt Tips Collection * with this link and the code DEJAVUE 10% discount for the vue.js de Conf in Bonn, Germany * with code DEJAVUE DejaVue #E015 - Ten Years of Vue (with Evan You) SIDESTREAM Sidebase Sidebase Promo Video Sidebase Launch Tweet Nuxt CLI Wizard Prisma tRPC Sidebase nuxt-auth module Sentry Sentry Nuxt SDK Alpha Add Sentry to Nuxt 3 recipe Nuxt Layers Intro Zod Auth.js nuxt-auth-utils MakerDAO aka Sky 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.…

DejaVue

1
TypeScript and Content Creation (with Matt Pocock) 57:17

32 weeks پیش57:17

57:17

This episode of DejaVue includes not only knowledge but also a certain degree of magic, as Alex and Michael meet up with the one and only TypeScript Wizard Matt Pocock . Together, they talk about how he became a full-time educator and what the pros and cons are, then of course discussing everything around TypeScript - from Types vs. Interfaces, any vs. unknown, Matt's ts-reset library, Flappy Bird in TypeScript and more amazing nuggets Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (02:08) - How Matt came to join DejaVue (03:03) - Becoming a full time TypeScript educator (05:10) - What do you miss when doing full time content creation? (08:16) - Being an employee vs. self-employed (14:42) - Why using TypeScript? (19:59) - TypeScript only for libraries? (22:40) - Migrating JS to TS (28:08) - The build/compile step (33:20) - Types vs. Interfaces (37:19) - Declaration Merging pitfalls (41:35) - TS Reset and TS 5.5 improvements (48:25) - TypeScript enforcing a way of programming (51:18) - any vs. unknown (54:25) - Wrapping up Links and Resources $10 off for Michael's Nuxt Tips Collection * with this link and the code DEJAVUE 10% discount for the vue.js de Conf in Bonn, Germany * with code DEJAVUE Matt's Truck stream Badass.dev NeverThrow Sentry migrating to TS Stripe migrating to TS TS Reset Dan Vanderkam's PR to TS TS Flappy Bird Total TypeScript 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.…

DejaVue

1
Signals 26:17

33 weeks پیش26:17

26:17

It was teased in the last episode already and here it - Michael and Alex talk about the current hype in the front end development community: Signals . But if you as a Vue developer don't feel hyped around it and maybe even didn't hear much around it, fear no more - that is normal and will be explained in the episode too. Join the two Vue experts covering the history of Signals, what's behind the term and how they work in Vue.js and other major frameworks. And of course, the TC39 proposal to add Signals to the language itself wasn't forgotten either. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (01:06) - Signals and Reactivity (04:41) - Functional Programming (10:51) - Signals in Modern Frameworks (11:48) - How Signals look like in other Frameworks (14:20) - Signals in Vue (15:20) - Signals vs. refs? (17:51) - A Standard for Signals (21:54) - Benefits of Signals in the language (25:16) - Vue.JS DE Conf 2024 Links and Resources $10 off for Michael's Nuxt Tips Collection * with this link and the code DEJAVUE 10% discount for the vue.js de Conf in Bonn, Germany * with code DEJAVUE DejaVue #E022 - Reactivity in Vue Haskell OCaml Elixir Elm Zod Valibot Solid.js Building solid-like Signals in Vue with shallowRef Vue Docs on Signals TC39 Proposal VueUse 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.…

DejaVue

1
Reactivity in Vue 42:01

34 weeks پیش42:01

42:01

Join Alex and Michael on a talk about a key topic in Vue.js - the reactivity system. Before diving into how it works in Vue 3, reactivity in Vanilla JS is covered. Then, the differences between the major Vue versions are discussed, showing an astonishing evolution in terms of DX but also performance when it comes to reactivity. Of course, the ref vs reactive topic can’t be left out, and neither can signals and vapor mode. Sounds interesting? Then tune in! Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (01:38) - What is Reactivity in general? (03:47) - Reactivity in JavaScript? (07:45) - Reactivity in Vue 1 (09:08) - Changes to reactivity in Vue 2 (10:47) - Reactivity system and caveats in Vue 2 (15:10) - Vue 3 Reactivity with Proxies (19:00) - No IE11 support (20:22) - Ref and Reactive in Vue (25:12) - shallowRef, triggerRef and more (28:23) - Why not shallowRef by default? (31:24) - Vue's reactivity system as a standalone package (34:21) - Vapor Mode (40:52) - Wrapping Up Links and Resources $10 off for Michael's Nuxt Tips Collection * with this link and the code DEJAVUE (Release on Aug 5th) 10% discount for the vue.js de Conf in Bonn, Germany * with code DEJAVUE DejaVue #E015 with Evan You Petite Vue Talk Debugging Guide: Why Your Vue Component Isn't Updating (and how to fix it) Marc Backes - Building a Time Machine with Proxies CanIUse Beowser Usage Stats Michael Thiessen on ref vs. reactive Alex's shallowRef guide Alpine.js Reactivue - Vue CAPI in React 👀 Arrow-js Vapor Mode Repo Vapor Mode Playground 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.…

DejaVue

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

35 weeks پیش1:21:57

1:21:57

For the 20th episode we surprise you with a "in-person" podcast episode! Alex is joined by Principal Engineer and Vue Core Team Member Natalia Tepluhina to talk about two important topics - Documentation and the Migration from Vue 2 to Vue 3. Learn in this episode what Natalia does in the core team, how difficult writing docs is and how to improve your doc writing skills. Also, gain insights in how GitLab's migration from Vue 2 to Vue 3 is going and get invaluable tips if you also have to migrate a project over! Enjoy the episode! Chapters (00:00) - Welcome to DejaVue! (01:32) - When did you start using Vue.js? (02:42) - How could you introduce Vue at work? (04:43) - Joining GitLab (07:15) - Getting into public speaking (10:05) - Memorable moments as a speaker (16:22) - Moving to Amsterdam (18:22) - Being part of the Vue.js Core Team (20:27) - (Not) Documenting Vue Methods (22:21) - $parent in Vue 2 (22:59) - AI as the new docs? (25:00) - Regular Contributors to the Vue docs (26:14) - Is writing docs is easy? (31:45) - Documenting Vue 3 at release (34:04) - Documentation as a garden (37:00) - Separating Options and Composition API docs (38:20) - Preferring the Options API for huge teams? (41:49) - Inline Composables and other architectural patterns (45:35) - Overusing Watchers (46:57) - People - Share your thoughts and patterns! (48:39) - Vue.js DE Conference (49:14) - Migration from Vue 2 to Vue 3 (50:10) - How the component library blocks migration (54:10) - Updating Unit tests during migration (55:16) - No CAPI during migration (57:13) - Migration of big old projects (58:45) - Responsibility of library authors (01:05:01) - Vue 3 Breaking changes (01:06:31) - Will the migration ever end? (01:07:48) - Other tips for migrating (01:09:19) - Migrating without tests (01:10:45) - Rewrite vs Migration? (01:11:35) - Not migrating at all? (01:13:54) - No CAPI during migration? (01:15:58) - New questions with CAPI (01:16:58) - Natalia back on stage at a conference? (01:18:16) - What could the Vue team have done better? (01:20:21) - Nuxt Tips Collection (01:21:00) - Wrapping up Links and Resources $10 off for Michael's Nuxt Tips Collection * with this link and the code DEJAVUE 10% discount for the vue.js de Conf in Bonn, Germany * with code DEJAVUE GitLab DejaVue Episode with Vanessa Options API vs Composition API Organizing Composition API Code Bootstrap Vue Ilya Klymov Bootstrap Vue Next 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.…

DejaVue

1
Nuxt Tips You Have To Know 43:37

36 weeks پیش43:37

43:37

Are you using Nuxt and want to hear some insights you weren't aware of? Perfect! Then this DejaVue podcast episode is what you need. Michael and Alex are going through more than five big tips around Nuxt, from features under the radar over to a big chunk of amazing benefits and why they exist, all from Michael's Nuxt Tips Collection * which releases on Aug 5th (and of course we got a discount code for you)! In addition, further topics around the vue-based meta framework like the difference between @nuxt and @nuxtjs modules are discussed as well. Enjoy the episode! Chapters (00:00) - Welcome To DejaVue (01:49) - Tip 1 - Disable Nuxt's auto imports (03:54) - Opinion on Auto Imports (08:12) - Tip 2 - The .nuxtignore file (10:06) - Tip 3 - Dedupe data fetching (12:04) - Tip 4 - Custom keyed composables (17:00) - Tip 5 - Utilizing Layers (21:41) - App Config (25:50) - Why is app.config.ts an extra file? (28:34) - The different types of Nuxt modules (36:24) - Why are core modules not part of the core? (38:41) - Go and write a module! (40:54) - Upcoming Vue.js conference (41:34) - More Tips? (42:55) - Wrapping Up Links and Resources $10 off for Michael's Nuxt Tips Collection * with this link and the code DEJAVUE (Release on Aug 5th) 10% discount for the vue.js de Conf in Bonn, Germany * with code DEJAVUE Anthony's Explicit Import ESLint module Alex' video about Nuxt Layers Dave Stewart's Layers Article Michael's Mastering Nuxt article about the different configs in Nuxt 3 * The Nuxt module list Module Authors Guide 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.…

DejaVue

1
Insights from the Nuxt Team Retreat 20:20

37 weeks پیش20:20

20:20

In this episode of DejaVue, Alex and Michael talk about the previous "IRL Nuxt event", which was a team meeting where most Nuxt Core Team members met in France. Together, they discuss why they met, what happened, why there was a delicious cake and further insights from the retreat, like more breaking changes to Nitro and Nuxt, codemods and other topics. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (01:04) - A real life Nuxt team meeting? (02:44) - Who was at the meeting? (04:11) - A cake? (05:54) - Activities (09:37) - How DejaVue came to life (10:37) - Previous Vue Podcasts (11:57) - Vue.js Australia? (12:20) - Meetups (13:23) - Further activities (14:46) - Nitro breaking changes (16:06) - Nuxt breaking changes (18:36) - Meeting IRL more often? (19:44) - Wrapping up Links and Resources 10% discount for the vue.js de Conf in Bonn, Germany * with code DEJAVUE E016 - 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 issue WIP Code mod 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.…

DejaVue

1
Tiptap and Vue.js (with Vanessa Otto) 54:01

38 weeks پیش54:01

54:01

In this episode of DejaVue, Alex and Michael are joined by Vanessa Otto, a Senior Engineer at GitLab and previously being the head of Frontend at Zavvy. After discussing Vanessa's co-host role in the German Working Draft podcast, it all revolves around the headless editor "Tiptap" in the episode. From hearing why Vanessa chose it instead of other editors and her research around editors, Tiptaps integration with Vue and what the "headless" part of the editor adds to it, over to which use cases are ideal for Tiptap. And yes, an example repository is included so you can convince yourself of the easiness! Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (00:55) - Guest Introduction (04:00) - About the "Working Draft" podcast (09:54) - What is Tiptap? (12:30) - Is Tiptap framework agnostic? (15:38) - The headless part of Tiptap (18:38) - Customization as the biggest benefit? (23:26) - How Tiptap content is serialized and saved (25:25) - Maturity of Tiptap (28:03) - Adding own blocks to Tiptap (32:01) - Tiptap and Vue principles (34:42) - Did the community around Tiptap grew? (36:22) - ProseMirror as the base for Tiptap (38:50) - Tiptap Extensions - Seamless with Vue? (42:48) - Calling Tiptap extensions (46:55) - Call to Action: A fun idea for a Tiptap Project? (47:09) - Meet Vanessa and Alex in Germany this Autumn! (48:22) - Why Vanessa chose Tiptap (51:32) - Wrapping Up! Links and Resources 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE Working Draft Podcast (German) Vannessa's Research/Comparison Table Tiptap awesome-tiptap awesome-vue ProseMirror Vannessa's Example repo with TipTap and OpenAI 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.…

DejaVue

1
The Future of Vue.js (with Evan You) 51:53

39 weeks پیش51:53

51:53

After the first part, Michael and Alex continue their conversation with the one and only Evan You , covering the future of the modern JavaScript Framework. Starting straight with possible plans for Vue 4 to address common pain points and no ETA for the next major , exciting improvements like native CSS Scoping or removing the need for declaring props are discussed ( though nothing is set on stone )! Next, Vue 3.5 and it's current alpha version are on the list. We all look forward to the amazing features in the next minor version, including Lazy Hydration, perf improvements, easier types and also new composables like useTemplateRef . Eventually, the State of Suspense, Vapor Mode, Volar, and Mobile App Development with Vue are addressed as well. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue! (01:06) - Do you have any plans for Vue 4? (02:47) - Ref Unwrapping in objects (05:22) - Native CSS Scoping, Signals and Browser range (07:12) - Defaulting to script setup and TypeScript (11:12) - No prop declaring necessary anymore (13:43) - Nothing set in stone for Vue 4 (14:50) - Vue 3.5 improvements (15:50) - Internal type improvements (16:33) - Reactive Props Destructure RFC (19:31) - useId and useTemplateRef (21:00) - Do we still need custom directives? (22:06) - Lazy Hydration (22:57) - Allowing Hydration mismatches on purpose (25:10) - Custom Lazy Hydration Triggers (26:18) - Vue 3.5 Alpha (26:56) - State of Suspense (30:17) - Vapor Mode (33:44) - Performance of Vapor (35:31) - Volar and the Vue VS Code Extension (39:09) - Negativity towards Volar (40:18) - Mobile App Development with Vue (42:51) - What content would help the Vue community? (51:07) - Wrapping up! Links and Resources 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE Nuxt UI Pro * - Get 20% off with code LICHTER until July 14th Reactive Props Destructure RFC Volar Vue Language Tools Nuxt JS Framework Benchmark Ecosystem CI (Vue) NativeScript TailwindCSS Kevin Deng (sxzz) Anthony Fu Daniel Roe 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.…

DejaVue

1
Ten Years of Vue (with Evan You) 1:00:12

40 weeks پیش1:00:12

1:00:12

This DejaVue episode is special - Alex and Michael meet up with the creator of Vue, Vite and Rolldown, Evan You himself and talk about the last ten years of Vue! Starting with how Vue.js started as a side project while Evan still worked at Google, Evan shares the story of how Vue.js came to be and how it evolved over the years. Interesting insights , such as why the Composition API was created and which initial problems should be solved with it, are shared in this episode. And to all that, questions from the Q&A were answered as well, touching topics like petite-vue , if and how the Options API will persist and how opinionated Vue.js is. After an hour of content and insights, the episode ends with a tiny cliffhanger, as Part Two of the conversation covering the future of Vue , possible Vue 4 features , Vapor mode, Vue 3.5 and more, will be released next week ! Enjoy the episode! Chapters (00:00) - Welcome to DejaVue! (01:09) - How did Vue.js start out? (04:48) - The Initial Version of Vue.js (13:42) - Do new Vue users start without a build step? (15:02) - Vue's expansion to different use cases (18:14) - Is Petite Vue dead? (21:03) - Why Vue 2? (29:58) - How opinionated is Vue? (35:15) - The Transition from Vue 2 to Vue 3 (36:32) - How did the idea for the Composition API came up? (38:24) - Options API vs Composition API (44:54) - Will the Options API stick around? (46:10) - Overhead of keeping APIs around (51:13) - Considering to disable Options API via a flag? (53:05) - The former class-based API proposal (58:03) - Classes with Vue's reactivity concept (59:38) - Whaat, there is a Part 2? Links and Resources Meteor.js Knockout AngularJS Solid Ruby on Rails Laravel HTMX Svelte Nuxt AlpineJS Laravel Livewire Inertia John Resig React Ember Babel Axios Justin Schroeder TC39 Decorators proposal vue-facing-decorator…

DejaVue

1
VueUse and Our Favorite Composables 36:45

41 weeks پیش36:45

36:45

VueUse might be a library known to many Vue and Nuxt developers - and if not, it should be quickly! With over 200 functions, composables and utilities, it provides a " standard composable kit " which Alex and Michael take a look at in this DejaVue episode. And more than that, they also share their favorite composables that they use or learnt a lot from. Definitely do not miss that out and stay for the spoilers at the end. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (00:45) - An Introduction to VueUse (01:59) - How often do you use VueUse? (03:50) - Using a library or better to DIY? (05:38) - The Reactivity Layer (06:43) - Docs, Demos and Source Code (09:52) - Composable 1 - useEventListener (13:10) - Composable 2 and 3 - useDebounceFn & useThrottleFn (17:46) - Composable 4 - useLocalStorage (24:00) - Composable 5 - useMagicKeys (29:04) - Util 6 - makeDestructurable (33:18) - Wrapping up around VueUse (34:43) - Nuxt Tips Collection (35:33) - SPOILER!!! Links and Resources Nuxt Tips Collection from Michael Mastering Nuxt * VueUse VueDemi Slidev is-even package is-odd package Composable 1 - useEventListener Composable 2 - useDebounceFn Composable 3 - useThrottleFn Debounce Vs Throttle Composable 4 - useLocalStorage Localstorage example from Alex' Website Composable 5 - useMagicKeys Util 6 - makeDestructurable Bonus - createReusableTemplate 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.…

DejaVue

1
The Road to Nuxt 4 (with Daniel Roe) 1:18:43

42 weeks پیش1:18:43

1:18:43

Nuxt 4 is cooking for a while and is close to being released soon . An ideal time for a DejaVue episode where Michael and Alex we explore the upcoming major version of the metaframework with the lead of the Nuxt team, Daniel Roe . After introducing Daniel, we jump into the power of small changes and how Daniel explains his day job to people. We then dive into why Nuxt 4 is being necessary "now", its top priorities, and how to ease any fears about upgrading (don't worry folks!). Eventually, new Nuxt 4 changes and even features, like the improved folder structure will be discussed. As a bonus, Daniel reveals how he got into programming and that we was a real hacker-man early on. And of course, Daniel reveals when Nuxt 4 will be released in the final minutes, as well as his upcoming Nuxt for React Devs course. Enjoy the episode! Chapters (00:00) - Getting Started and Guest Introduction (02:43) - How do you Describe your Day Job? (04:33) - The Power of Small Changes (11:50) - April Fools Joke (13:02) - Why Nuxt 4 Now? (19:00) - The Top Priority for Nuxt 4 (20:54) - How to reduce the Fear of Nuxt 4? (27:48) - Codemods for Nuxt 4 (29:41) - Experiencing Nuxt 4 Migrations (32:02) - New Folder Structure (34:06) - Exciting New Nuxt 4 Features (36:46) - Compatibility Date (44:26) - How did you get into Programming? (48:44) - Daniel's Contact with the Vue World (52:38) - University Degrees (59:42) - Joining the Core Team (01:04:28) - How Daniel is Funding (01:08:56) - The Freedom of Doing the Things You Enjoy (01:12:45) - When will Nuxt 4 be released? (01:15:20) - Interesting Projects and Courses of Daniel (01:17:25) - Wrapping Up Links and Resources Daniels April Fools Joke (on Twitter) Nuxt 4 Migration Guide How to Migrate to Nuxt 4 now! How Daniel is Funded Daniel's React to Nuxt Course…

DejaVue

1
Geotastic, a Vue-based Browser Game (with Creator Eduard But) 1:02:18

43 weeks پیش1:02:18

1:02:18

Today on DejaVue, Alex and Michael are joined by Game and Web Developer Eduard But, who created Geotastic - a Vue-based browser game revolving around geographical knowledge and uses Googles Maps and Streetview API! Starting with Edu's background in programming and web development and initial experiences with Vue.js, we dive deep into how it happened he got into Game Development, which multiplayer game he built first and *why* and eventually talk about Geotastic With more than 1.5 Million registered users , Edu reveals details about the financial model, how he keeps things up and running, challenges while maintaining and which new game mode will come to Geotastic soon! Tune in to hear all of the above and more. Enjoy the episode! Chapters (00:00) - Intro and Guest Introduction (01:31) - How did you got into Programming and Web Development? (03:55) - Did you like being responsible for the "Full Stack"? (05:46) - After working at a Media Agency (07:55) - First Experience with Vue.js (11:55) - Creating the first browser-based Game (16:54) - Learnings from building a Multiplayer Game (19:20) - Starting Geotastic (21:20) - What type of Game is Geotastic? (24:22) - Deciding against a Subscription Model (28:03) - Differences between Geotastic and GeoGuessr (30:53) - Embracing the Community (32:49) - How did you use Vue.js to build the Game? (35:45) - Technical Challenges while maintaining Geotastic (41:36) - Taking a look at the back-end (43:38) - Daily Players and Expenses (48:36) - "Just do it" mentality (51:27) - People asked for Ads 😲 (53:39) - When will Geotastic Ranked come? (57:21) - *SPOILER* - A new game mode (59:28) - Wrapping up Links and Resources Edu's first Multiplayer Browser Game Edu's first Game played by the RocketBeans (Video in German) Geotastic (the Game!) Announcement of Geotastic on RocketBeans (in German) Geotastic Discord Geotastic Instagram Pinia Vuetify…

DejaVue

1
Learning new Vue Features and Concepts (with LearnVue aka. Matt Maribojoc) 43:53

44 weeks پیش43:53

43:53

In this episode of DejaVue, Michael is joined by Matt Maribojoc , better known as LearnVue on YouTube. While Alex is being absent at VueConf US, Matt and Michael discuss topics around learning and understanding new programming features - from figuring out what the latest features are over to how to properly learn them and eventually teach them to their audience. Tune into the episode to figure out all of the above, in addition to what level of understanding is "necessary" to teach a certain concepts and why content creation is important for libraries, frameworks and open source in general. Enjoy the episode! Chapters (00:00) - Guest Introduction - Matt Maribojoc (02:41) - Where and How to Learn New Concepts or Features? (08:50) - How to Explore a New Feature? (19:42) - The Level of Understanding for Teaching (25:38) - Importance of Content for Frameworks and Open Source (31:57) - The Platform Question: YouTube Videos vs. Blog Posts (36:57) - Sharing and Spreading Knowledge of Others (43:27) - Wrapping up Links and Resources Nuxt Server Components DejaVue #E006 about Server Components with Julien Huang Vue Vapor Mode Repository Michael's Clean Components Toolkit (35% off until June 8th) The Feynman Technique Matt's Video about magic-regexp…

DejaVue

1
Design Patterns in Vue.js 29:48

45 weeks پیش29:48

29:48

Michael is back from his paternity leave! And he brought three Design Patterns in Vue.js which he and Alex discuss in the 10th DejaVue Episode! Learn more about what Design Patterns are and what the three shown patterns do, when they should be used and which downsides they could bring. Enjoy the episode! Chapters (00:00) - Welcome Back Michael! (01:42) - What are Design Patterns? (04:20) - Design Pattern One - Thin Composables (11:07) - Design Pattern Two - Data Store (19:22) - Design Pattern Three - Preserve Whole Object (27:33) - Wrapping up Links and Resources DejaVue #E008 - Vue.js Amsterdam Check out Michael's Clean Component Toolkit - 35% OFF from June 5th to 8th Pinia Cross-Request State Pollution Prop Stability…

به Player FM خوش آمدید!

Player FM در سراسر وب را برای یافتن پادکست های با کیفیت اسکن می کند تا همین الان لذت ببرید. این بهترین برنامه ی پادکست است که در اندروید، آیفون و وب کار می کند. ثبت نام کنید تا اشتراک های شما در بین دستگاه های مختلف همگام سازی شود.

به بیش از 500 موضوع گوش کنید

پادکست هایی که ارزش شنیدن دارند

DejaVue « » Tiptap and Vue.js (with Vanessa Otto)

Tiptap and Vue.js (with Vanessa Otto)

پادکست هایی که ارزش شنیدن دارند

به Player FM خوش آمدید!

راهنمای مرجع سریع

DejaVue « »
Tiptap and Vue.js (with Vanessa Otto)