Snapshot Testing And Beyond (with The Jared Wilcurt) DejaVue podcast

Player FM - Internet Radio Done Right

הוסף לפני one שנה

תוכן מסופק על ידי Alexander Lichter and Michael Thiessen. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Alexander Lichter and Michael Thiessen או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

Action Academy | Replace The Job You Hate With A Life You Love

1
How To Replace A $100,000+ Salary Within 6 MONTHS Through Buying A Small Business w/ Alex Kamenca & Carley Mitus 57:50

לפני 1 year57:50

הפעל מאוחר יותר

רשימות

לייק

אהבתי

57:50

Alex (@alex_kamenca) and Carley (@carleymitus) are both members of our Action Academy Community that purchased TWO small businesses last thursday! Want To Quit Your Job In The Next 6-18 Months Through Buying Commercial Real Estate & Small Businesses? 👔🏝️ Schedule A Free 15 Minute Coaching Call With Our Team Here To Get "Unstuck" Check Out Our Bestselling Book : From Passive To Passionate : How To Quit Your Job - Grow Your Wealth - And Turn Your Passions Into Profits Want A Free $100k+ Side Hustle Guide ? Follow Me As I Travel & Build: IG @brianluebben ActionAcademy.com…

DejaVue »
Snapshot Testing and Beyond (with The Jared Wilcurt)

לפני 17 ימים 1:06:40

שתפו

MP3•בית הפרקים

In this episode of DejaVue, Alex and Michael are joined by Jared Wilcurt, UI architect and open source contributor, to get knee-deep into the world of testing in Vue.js, especially Snapshot Testing.

Jared shares his journey from React frustration to Vue enthusiasm, and explains how he identified gaps in Vue's testing ecosystem that led to the creation of his Vue 3 Snapshot Serializer library.
No matter if you are a testing novice, wondering why you should bother with tests at all, or an experienced developer looking to improve your snapshot testing workflow, this episode got something for you - from reducing test noise, improving readability, and gaining confidence in your Vue applications and components.

Discover how snapshot testing complements traditional assertion-based tests and why it might be the missing piece in your testing strategy.

Enjoy the episode!

Our Guest

The Jared Wilcurt

Chapters

(00:00) - Welcome to DejaVue
(00:20) - How did you get into Programming?
(05:20) - Learning Vue
(09:46) - Finding gaps in the ecosystem
(12:40) - What is unit testing?
(21:40) - Testing in the frontend
(25:31) - Snapshot Testing
(29:45) - Snapshot Updating Fatigue
(36:09) - Responsibilities & ROI of a Snapshot Test
(42:46) - Using the Snapshot Serializer
(46:40) - Snapshot vs. Visual Regression Testing
(52:57) - A good tip from Daniel Roe
(53:50) - Further Noise Reduction
(01:01:22) - A tighter integration?
(01:05:11) - Wrapping up

Links and Resources

Your Hosts

Michael Thiessen

Alexander Lichter

---

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.

57 פרקים

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

Snapshot Testing and Beyond (with The Jared Wilcurt)

DejaVue

published לפני 17 ימים

שתפו

MP3•בית הפרקים

In this episode of DejaVue, Alex and Michael are joined by Jared Wilcurt, UI architect and open source contributor, to get knee-deep into the world of testing in Vue.js, especially Snapshot Testing.

Discover how snapshot testing complements traditional assertion-based tests and why it might be the missing piece in your testing strategy.

Enjoy the episode!

Our Guest

The Jared Wilcurt

Chapters

(00:00) - Welcome to DejaVue
(00:20) - How did you get into Programming?
(05:20) - Learning Vue
(09:46) - Finding gaps in the ecosystem
(12:40) - What is unit testing?
(21:40) - Testing in the frontend
(25:31) - Snapshot Testing
(29:45) - Snapshot Updating Fatigue
(36:09) - Responsibilities & ROI of a Snapshot Test
(42:46) - Using the Snapshot Serializer
(46:40) - Snapshot vs. Visual Regression Testing
(52:57) - A good tip from Daniel Roe
(53:50) - Further Noise Reduction
(01:01:22) - A tighter integration?
(01:05:11) - Wrapping up

Links and Resources

Your Hosts

Michael Thiessen

Alexander Lichter

---

57 פרקים

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

All episodes

1
Snapshot Testing and Beyond (with The Jared Wilcurt) 1:06:40

לפני 17 ימים1:06:40

1:06:40

In this episode of DejaVue, Alex and Michael are joined by Jared Wilcurt, UI architect and open source contributor, to get knee-deep into the world of testing in Vue.js, especially Snapshot Testing. Jared shares his journey from React frustration to Vue enthusiasm, and explains how he identified gaps in Vue's testing ecosystem that led to the creation of his Vue 3 Snapshot Serializer library. No matter if you are a testing novice, wondering why you should bother with tests at all , or an experienced developer looking to improve your snapshot testing workflow, this episode got something for you - from reducing test noise, improving readability, and gaining confidence in your Vue applications and components. Discover how snapshot testing complements traditional assertion-based tests and why it might be the missing piece in your testing strategy. Enjoy the episode! Our Guest The Jared Wilcurt Vue 3 Snapshot Serializer Website Bluesky Twitter Chapters (00:00) - Welcome to DejaVue (00:20) - How did you get into Programming? (05:20) - Learning Vue (09:46) - Finding gaps in the ecosystem (12:40) - What is unit testing? (21:40) - Testing in the frontend (25:31) - Snapshot Testing (29:45) - Snapshot Updating Fatigue (36:09) - Responsibilities & ROI of a Snapshot Test (42:46) - Using the Snapshot Serializer (46:40) - Snapshot vs. Visual Regression Testing (52:57) - A good tip from Daniel Roe (53:50) - Further Noise Reduction (01:01:22) - A tighter integration? (01:05:11) - Wrapping up Links and Resources Riot JS Vue Indy Meetup Vue Doxen Old Jest Snapshot Serializer Vue Test Utils Testing Library Vue Playwright Vue 3 Snapshot Serializer DejaVue #E043 - The Year in ReVue (with Daniel Roe) Your Hosts Michael Thiessen Twitter YouTube Website 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.…

1
e18e: Ecosystem Performance (with James Garbutt) 1:02:51

לפני 26 ימים1:02:51

1:02:51

In this episode of DejaVue, Alex sits down with James Garbutt, open source maintainer and lead of the e18e initiative. James shares his journey from writing web scrapers as a teenager to maintaining critical JavaScript libraries like parse5 or Chokidar and eventually co-creating the ecosystem performance initiative. The conversation is then all around e18e, which aims to improve performance across the JavaScript ecosystem through three pillars: Cleaning up dependency trees Speeding up popular packages Creating lighter alternatives to bloated libraries James explains how the community-driven approach has produced impressive results all across the web development landscape. Learn about real-world examples of performance improvements, including replacement packages like tinyglobby and nano-staged , and discover how to contribute to e18e even if you're new to open source. James shares also insights on balancing between backward compatibility and performance, bundling dependencies, and also shares future plans for e18e in 2025. Enjoy the episode! Our Guest James "43081j" Garbutt e18e Website Bluesky Chapters (00:00) - Welcome to DejaVue (00:34) - Which libraries do you maintain? (02:10) - How did you get into programming? (04:57) - What lead you to Vue.js (06:40) - Not ending up in a framework bubble (09:41) - Meta frameworks converging (11:28) - What is e18e? (15:40) - The purpose of e18e (18:27) - How to participate? (20:38) - Are there prerequisites? (23:59) - Ripple effects from e18e improving the ecosystem (26:36) - Helping other projects migrate (30:27) - Considering backwards compatibility (35:50) - Example for replacement packages (37:56) - tinyglobby (40:40) - Edge cases and modular architecture (43:49) - Performance pattern and anti pattern (45:32) - Bundling dependencies (50:48) - What is planned for e18e in 2025? (56:39) - How do you lead and structure the e18e initiative? (01:01:42) - Anything else we didn't cover? (01:02:21) - Wrapping up Links and Resources Parse5 Doom in TypeScript Flappy Bird in TS LitElement Speeding up the ecosystem blog post series by Marvin Hagemeister e18e issue overview e18e Discord minizlib install size improvements Storybook dependency tree reduction e18e module replacement repository Anthony Fu's node_modules inspector Publint by Bjorn Lu Umbrella CLI nano-staged (instead of lint-staged) npm-run-all2 eslint-import-plugin-x (instead of eslint-plugin-import) tinyglobby (instead of any other glob lib like globby/fast-glob) fdir Vite Devtools announcement Bundling dependencies (and when not to do it) A lighter Nuxt CLI 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.…

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

לפני 5 weeks1: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.…

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

לפני 6 weeks42: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.…

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

לפני 7 weeks1: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.…

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

לפני 8 weeks1: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.…

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

לפני 9 weeks51: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.…

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

לפני 10 weeks1: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.…

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

לפני 11 weeks47: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.…

1
A Vue at Alexander Lichter 1:11:52

לפני 12 weeks1: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.…

1
A Vue at Michael Thiessen 56:37

לפני 13 weeks56: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.…

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

לפני 14 weeks1: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.…

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

לפני 15 weeks1: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.…

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

לפני 16 weeks56: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.…

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

לפני 17 weeks1: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

לפני 18 weeks1: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

לפני 19 weeks59: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

לפני 20 weeks41: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

לפני 21 weeks1: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

לפני 22 weeks43: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

לפני 23 weeks1: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

לפני 24 weeks29: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

לפני 25 weeks46: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

לפני 26 weeks1: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

לפני 27 weeks50: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

לפני 28 weeks1: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

לפני 29 weeks46: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

לפני 30 weeks56: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

לפני 31 weeks40: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

לפני 32 weeks54: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.…

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.