DejaVue #E047 - A Vue at Alexander Lichter DejaVue 2025-02-13 | 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!---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00:00 Welcome to DejaVue00:02:27 What are you doing for work?00:06:09 What patterns and bad/best practices have you noticed?00:11:18 How is it being on the Nuxt team?00:14:05 Joining the Nuxt team00:17:28 How did you get into programming?00:25:03 From Gaming to Modding and Programming00:30:02 Getting into Web Development00:31:11 Founding a company00:40:34 Which courses from university stood out?00:53:49 What happened between uni and now?01:00:12 When did you start doing YouTube and why?01:06:25 Quickfire01: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" https://dejavue.fm/vue-ams-25*▶ DejaVue #E046 - A Vue at Michael Thiessen https://share.transistor.fm/s/7dee82d2▶ DejaVue #E045 - Formkit and Hot Takes (with Justin Schroeder) https://share.transistor.fm/s/39e69889▶ DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) https://share.transistor.fm/s/3c5bc972▶ How to use the repository pattern in Nuxt youtube.com/watch?v=jXH8Tr-exhI▶ Alex' first Minecraft plugin dev.bukkit.org/projects/pigzapalert▶ Alex' Old Bukkit account bukkit.org/members/forge_user_99225156.21517▶ Alex' First Issue github.com/fullwall/Citizens/issues/137 (actually his 2nd but who counts these!)▶ SmartGain website https://smartgain.netlify.app/▶ Building an Association Manager Playlist youtube.com/playlist?list=PL06MUQt-_wluDj9G9cr3y_V9WgY2TNZNN▶ PaladinsCounter side project youtube.com/watch?v=RErWT8B91YQ▶ Mastering Nuxt masteringnuxt.com/?friend=DEJAVUE* --Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E061 - Was Nuxt just sold?! (with Daniel Roe and Sébastien Chopin) DejaVue 2025-07-10 | In this special episode of DejaVue, Alexander and Michael are joined by Daniel Roe and Sébastien Chopin to discuss the recent acquisition of NuxtLabs by Vercel. Questions like "Was Nuxt just sold", "How much influence has Vercel", and "What is Vercel excepting from the deal" are answered.If you wonder what impact the deal has on Nuxt, you as a user and developer, as well as the open-source community, you should tune in! Enjoy the Episode!---Our Guests* Daniel Roe * Bluesky https://bsky.app/profile/danielroe.dev * Web https://roe.dev * YouTube @danielroe * Twitch twitch.tv/danielroe* Sébastien Chopin * NuxtLabs nuxtlabs.com * Nuxt nuxt.com * Website atinux.com * Bluesky https://bsky.app/profile/atinux.com/---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * YouTube - @michaelnthiessen * Bluesky - https://bsky.app/profile/michaelthiessen.bsky.social * Web - michaelnthiessen.com--Chaptermarks:00:00 Welcome to DejaVue00:27 What happened?03:14 What does NuxtLabs acquisition means for their products?06:41 Who from NuxtLabs got hired?08:18 The legal perspective09:12 Is Vercel controlling Nuxt now?11:42 Why Vercel is investing in Nuxt?13:36 Nuxt staying independent16:45 The biggest benefit of the acquisition of NuxtLabs20:20 When will Next.js switch to Nitro?23:01 What agreements with Vercel were made?24:46 Benefits for the community26:05 Nuxt as a multi-stakeholder project29:00 Today is a good day for Nuxt--Links and Resources▶ Announcement on NuxtLabs.com - nuxtlabs.com▶ Skew Protection Nitro Issue - github.com/nitrojs/nitro/issues/2311▶ Daniel Roe's Reddit AMA - reddit.com/r/vuejs/comments/1lvdkwr/i_lead_the_nuxt_core_team_ama▶ The Future of Nuxt GitHub Discussion - github.com/nuxt/nuxt/discussions/32559▶ Pooya's Nitro Announcement - github.com/nitrojs/community/discussions/13--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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.
Is Vercel controlling Nuxt now? #nuxtjs #vercel #vuejs #webdev DejaVue 2025-07-10 | Daniel Roe (@danielroe), head of the Nuxt framework team, is talking on DejaVue episode #E061 about how much power Vercel has after it's acquisition of NuxtLabs
DejaVue #E060 - Vite 7 is out DejaVue 2025-07-08 | 👉 Don't forget to join ViteConf on October 9-10 in Amsterdam https://viteconf.amsterdam/In this episode of DejaVue, Michael and Alexander look into the major release of Vite 7, including the move to ESM-only, dropping Node 18 support, and adopting the Baseline browser target.They also discuss the evolving Environment API, upcoming changes in Rolldown-Vite, new Vite dev tools, and more.Enjoy the Episode!---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * YouTube - @michaelnthiessen * Bluesky - https://bsky.app/profile/michaelthiessen.bsky.social * Web - michaelnthiessen.com--Chaptermarks:00:00 Welcome to DejaVue00:48 Vite 7 without breaking changes01:53 Node Version dropped03:13 ESM-only and Module Formats09:04 What does ECMA and GIF mean?10:51 Browser target to Baseline Wide Available14:31 Environment API16:14 Rolldown-Vite17:39 Cleaning up APIs18:11 Vite Dev Tools21:41 ViteConf22:57 Vite Plugin Vue Beta25:04 Wrapping Up--Links and Resources▶ Vite Announcement post https://vite.dev/blog/announcing-vite7.html▶ require(esm) in Node joyeecheung.github.io/blog/2024/03/18/require-esm-in-node-js▶ tsdown https://tsdown.dev/▶ obuild github.com/unjs/obuild▶ fdir PR github.com/thecodrr/fdir/pull/147▶ DejaVue #E058 - The History of Nuxt and NuxtLabs (with Sébastien Chopin) https://share.transistor.fm/s/aa3553d0)▶ DejaVue #E051 - Vite Inside Out (with Matias "Patak" Capeletto) https://share.transistor.fm/s/528e34ed▶ Vite DevTools Preview (screenshot) https://x.com/voidzerodev/status/1916513666939211942▶ Vite Plugin Vue 6.0 (not beta anymore) github.com/vitejs/vite-plugin-vue/releases/tag/plugin-vue%406.0.0--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E059 - Double Trouble: The Nuxt Surprise (with Daniel Roe) DejaVue 2025-06-15 | Big news in the Nuxt ecosystem. While you out there already know what has been announced - some of us didn't. Luckily, Daniel Roe, Head of the Nuxt team joins this DejaVue episode and discusses the highly anticipated "double trouble": Not one, but two major versions for Nuxt are on the horizon.After over a year of delays, Daniel reveals the strategic decision to release Nuxt 4 in less than a month from now, followed by Nuxt 5 which will include the long-awaited Nitro 3 integration and significant Vite improvements.The episode covers the smooth migration experience early adopters reported already, the philosophy behind careful breaking changes, and how the team plans to maintain a yearly major release cycle moving forward.Enjoy the Episode!---Our Guest* Daniel Roe * Bluesky https://bsky.app/profile/danielroe.dev * Web https://roe.dev * YouTube @danielroe * Twitch twitch.tv/danielroe---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * YouTube - @michaelnthiessen * Bluesky - https://bsky.app/profile/michaelthiessen.bsky.social * Web - michaelnthiessen.com--Chaptermarks:00:00 Welcome to DejaVue01:19 The big topic02:41 What are the release plans?06:47 Two major versions soon?09:28 Early adopters of compatibilityVersion 411:56 Depending on other dependencies and versions bumps13:45 Is bumping the minimum Node version a breaking change?16:33 A Quick Nitro TL;DR20:46 Nitro in other frameworks25:20 Why Nuxt 4 now?28:41 LTS support Plans29:53 Nuxt Bridge31:46 Release Dates and skipping Nuxt 4 altogether33:14 We need Release names!35:53 Release Dates for Nuxt 4 and 540:00 Wrapping Up--Links and Resources▶ Roadmap to v4 blog post nuxt.com/blog/roadmap-v4▶ DejaVue #E043 - The Year in ReVue (with Daniel Roe) https://share.transistor.fm/s/2dd8fbad▶ DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) https://share.transistor.fm/s3c5bc972▶ DejaVue #E013 - The Road to Nuxt 4 (with Daniel Roe) https://share.transistor.fm/s/caa4a6a4▶ Daniel's PR migrating Elk github.com/elk-zone/elk/pull/3298▶ Nuxt 4 Migration Guide nuxt.com/docs/getting-started/upgrade#migrating-to-nuxt-4▶ DejaVue #E003 - Nitro: The Next Generation Server Toolkit https://share.transistor.fm/s/d7130ed5▶ Srvx https://srvx.h3.dev/▶ Michael's Nuxt Release Date Comic https://bsky.app/profile/michaelthiessen.bsky.social/post/3llcjnkygys2o▶ Alex's Nuxt 4/5 video youtube.com/watch?v=TAoTh4DqH6A--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E058 - The History of Nuxt and NuxtLabs (with Sébastien Chopin) DejaVue 2025-06-05 | Join Alex and Michael with special guest Sébastien Chopin, creator of Nuxt.js and CEO of NuxtLabs, to learn more about the origins and evolution of the Vue-based meta framework. Sébastien shares valuable lessons from open source, how he came to create Nuxt.js in the first place and which challenges came with it.In the second part of the episode, they cover Sébastien's company NuxtLabs - from its inception over to taking Venture Capital and products, such as NuxtHub or Nuxt UI Pro.Eventually, the NuxtLabs CEO also outlines how they handle sponsorships of maintainers, and what the future holds for Nuxt and NuxtLabs.Enjoy the Episode!---Our Guest* Sébastien Chopin * NuxtLabs nuxtlabs.com * Nuxt nuxt.com * Website atinux.com * Bluesky https://bsky.app/profile/atinux.com/---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * YouTube - @michaelnthiessen * Bluesky - https://bsky.app/profile/michaelthiessen.bsky.social * Web - michaelnthiessen.com--Chaptermarks:00:00:00 Welcome to DejaVue00:01:16 How did you get into programming?00:04:45 The birth of Nuxt.js00:07:43 The Elevator Pitch for Nuxt00:10:16 When not to use Nuxt00:11:20 Nuxt as Multi Bundler Framework00:12:37 How does Nuxt scale (in Enterprise)?00:16:04 Lessons Learned from building Nuxt00:19:47 How to compare frameworks fairly?00:23:20 Frameworks converging00:24:22 Nuxt.js supporting React?00:29:06 The creation of NuxtLabs00:33:50 Products of NuxtLabs00:37:11 Why going all in on Cloudflare for NuxtHub 00:41:50 Vite Environment API00:45:34 The difference between Nuxt and NuxtLabs00:51:56 Is Nuxt a VC-backed framework?00:53:51 Sponsoring Core Maintainers00:56:07 Freemium in Nuxt00:57:06 Sneak Peek of the NuxtLabs Roadmap00:59:51 Where can people find you?--Links and Resources▶ Nuxt nuxt.com▶ Intro to Nuxt Layers youtube.com/watch?v=fr5yo3aVkfA▶ Nitro https://nitro.build/▶ Reactivue github.com/antfu/reactivue▶ inclusion-vapor github.com/kazupon/inclusion-vapor▶ DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) https://share.transistor.fm/s/3c5bc972▶ Volta volta.net▶ Nuxt UI https://dejavue.fm/nuxt-ui *▶ Nuxt Governance github.com/nuxt/governance▶ Nuxt Studio https://nuxt.studio/▶ NuxtHub hub.nuxt.com▶ Laravel Vapor vapor.laravel.com▶ Cloudflare cloudflare.com▶ DejaVue #E051 - Vite Inside Out (with Matias "Patak" Capeletto) https://share.transistor.fm/s/528e34ed▶ Strapi strapi.io--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E057 - Motion for Vue (with Matt Perry) DejaVue 2025-05-15 | In this episode of DejaVue, Michael and Alex chat with Matt Perry, the creator of Motion (formerly Framer Motion), about animations in web development.Matt talks about his journey from designing gaming magazines as a kid to becoming a full-time developer, sharing his experiences with ActionScript, jQuery, and how Motion was born. They discuss how simple and powerful Motion's API is, its ability to work with different frameworks, and how it stacks up against other animation libraries like GSAP and AnimeJS.But the episode also covers a lot of open source aspects, such as the challenges of keeping Motion going!Matt explains how Motion+ funds the development of Motion with one-time payments and time-gated (then publicly available) content, to support the project.Enjoy the episode!---Our Guest* Matt Perry * Motion https://motion.dev * Bluesky https://bsky.app/profile/did:plc:jqvil2la5t4yccau2abpmj6t * Twitter https://x.com/mattgperry---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * YouTube - @michaelnthiessen * Bluesky - https://bsky.app/profile/michaelthiessen.bsky.social * Web - michaelnthiessen.com--Chaptermarks:00:00:00 Welcome to DejaVue00:01:20 How did you get into programming?00:05:18 Adobe ActionScript00:08:33 What is Motion (fka. Framer Motion)?00:12:21 APIs and Limitations00:16:54 Prerequisites for using Tools00:24:26 The jQuery of web animations00:26:37 The birth of Motion00:31:02 Motion for Vue00:32:40 Other "Motion for ..." adaptations?00:34:36 Funding the project - Motion+00:40:00 One-time Payment and Time-gating00:50:39 Thoughts on other ways of monetizing Motion00:52:43 Can AI replace animation libraries?00:57:41 The difference between Motion and other libraries01:01:04 Closing Thoughts--Links and Resources▶ ActionScript en.wikipedia.org/wiki/ActionScript▶ ECMAScript en.wikipedia.org/wiki/ECMAScript▶ Popmotion popmotion.io▶ Motion https://motion.dev/▶ Motion Vue github.com/motiondivision/motion-vue▶ Framer framer.com▶ DejaVue #054 - Open Source Sustainability (with Daniel Roe, Chad Whitacre & Rijk van Zanten) https://share.transistor.fm/s/964b5bb9▶ GSAP gsap.com▶ AnimeJS animejs.com--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E056 - Snapshot Testing and Beyond (with The Jared Wilcurt) DejaVue 2025-04-22 | 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 Three 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 github.com/tjw-lint/vue3-snapshot-serializer * Website thejaredwilcurt.com * Bluesky https://bsky.app/profile/thejaredwilcurt.bsky.social---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * YouTube - @michaelnthiessen * Bluesky - https://bsky.app/profile/michaelthiessen.bsky.social * Web - michaelnthiessen.com--Chaptermarks:00:00:00 Welcome to DejaVue00:00:20 How did you get into Programming?00:05:20 Learning Vue00:09:46 Finding gaps in the ecosystem00:12:40 What is unit testing?00:21:40 Testing in the frontend00:25:31 Snapshot Testing00:29:45 Snapshot Updating Fatigue00:36:09 Responsibilities & ROI of a Snapshot Test00:42:46 Using the Snapshot Serializer00:46:40 Snapshot vs. Visual Regression Testing00:52:57 A good tip from Daniel Roe00:53:50 Further Noise Reduction01:01:22 A tighter integration?01:05:11 Wrapping up--Links and Resources▶ Riot JS riot.js.org▶ Vue Indy Meetup meetup.com/vuejsindy▶ Vue Doxen github.com/TheJaredWilcurt/vue-doxen▶ Old Jest Snapshot github.com/eddyerburgh/jest-serializer-vue▶ Vue Test Utils github.com/vuejs/test-utils▶ Testing Library Vue github.com/testing-library/vue-testing-library▶ Playwright https://playwright.dev/▶ Vue 3 Snapshot Serializer github.com/tjw-lint/vue3-snapshot-serializer▶ DejaVue #E043 - The Year in ReVue (with Daniel Roe) https://share.transistor.fm/s/2dd8fbad --Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E055 - e18e: Ecosystem Performance (with James Garbutt) DejaVue 2025-04-13 | 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 dives deep into e18e, which aims to improve performance across the JavaScript ecosystem through three key strategies:* Cleaning up dependency trees* Speeding up popular packages* Creating lighter alternatives to bloated librariesJames explains how the community-driven approach has already 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 insights on making intentional trade-offs between backward compatibility and performance, the challenges of bundling dependencies, and future plans for e18e in 2025.Enjoy the episode!---Our Guest* James "43081j" Garbutt * Vite https://e18e.dev/ * Website 43081j.com * Bluesky https://bsky.app/profile/43081j.com/---Your Host* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io--Chaptermarks:00:00:00 Welcome to DejaVue00:00:34 Which libraries do you maintain?00:02:10 How did you get into programming?00:04:57 What lead you to Vue.js00:06:40 Not ending up in a framework bubble00:09:41 Meta frameworks converging00:11:28 What is e18e?00:15:40 The purpose of e18e00:18:27 How to participate?00:20:38 Are there prerequisites?00:23:59 Ripple effects from e18e improving the ecosystem00:26:36 Helping other projects migrate00:30:27 Considering backwards compatibility00:35:50 Example for replacement packages00:37:56 tinyglobby00:40:40 Edge cases and modular architecture00:43:49 Performance pattern and anti pattern00:45:32 Bundling dependencies00:50:48 What is planned for e18e in 2025?00: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 github.com/inikulin/parse5▶ Doom in TypeScript (by @MichiganTypeScript) youtube.com/watch?v=0mCsluv5FXA▶ Flappy Bird in TS https://zackoverflow.dev/writing/flappy-bird-in-type-level-typescript/▶ LitElement https://lit.dev/▶ Speeding up the ecosystem blog post series Marvin Hagemeister https://marvinh.dev/blog/speeding-up-javascript-ecosystem/▶ e18e Issue Overview github.com/e18e/ecosystem-issues▶ e18e Discord https://chat.e18e.dev/▶ minizlib install size improvements https://bsky.app/profile/43081j.com/post/3llov3jqbdc2t▶ Storybook dependency tree reduction https://bsky.app/profile/storybook.js.org/post/3larex2x42s2q▶ e18e module replacement repository github.com/es-tooling/module-replacements▶ @antfu's node_modules inspector https://node-modules.dev/▶ Publint by Bjorn Lu https://publint.dev/▶ Umbrella CLI github.com/e18e/reporter▶ nano-staged (instead of lint-staged) github.com/usmanyunusov/nano-staged▶ npm-run-all2 github.com/bcomnes/npm-run-all2▶ eslint-import-plugin-x (instead of eslint-plugin-import) github.com/un-ts/eslint-plugin-import-x▶ tinyglobby (instead of any other glob lib like globby/fast-glob) github.com/SuperchupuDev/tinyglobby/tree/main▶ fdir github.com/thecodrr/fdir▶ Vite Devtools announcement https://voidzero.dev/posts/voidzero-nuxtlabs-vite-devtools▶ Bundling dependencies (and when not to do it) https://e18e.dev/blog/bundling-dependencies.html▶ A lighter Nuxt CLI github.com/nuxt/cli/issues/648 --Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E054 - Open Source Sustainability (with Daniel Roe, Chad Whitacre & Rijk van Zanten) DejaVue 2025-04-06 | Join hosts Michael Thiessen and Alexander Lichter for 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 - https://bsky.app/profile/danielroe.dev * Web - https://roe.dev * Chad Whitacre - Head of Open Source at Sentry * Bluesky - https://bsky.app/profile/chadwhitacre.com * Twitter - twitter.com/chadwhitacre_ * Web - chadwhitacre.com * Rijk van Zanten - CTO and co-founder of Directus * Bluesky - https://bsky.app/profile/rijk.nyc * Twitter - twitter.com/rijkvanzanten * Web - https://rijk.nyc ---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:--Links and Resources▶ Mastering Nuxt* - masteringnuxt.com/?friend=DEJAVUE▶ xkcd standards - xkcd.com/927▶ Jacob Kaplan-Moss: Paying Maintainers is Good - jacobian.org/2024/feb/16/paying-maintainers-is-good▶ Sentry - sentry.io▶ Directus - directus.io▶ Nuxt - nuxt.com▶ BSL - en.wikipedia.org/wiki/Business_Source_License▶ FairSource - fair.io▶ MIT - opensource.org/licenses/MIT▶ AGPL - gnu.org/licenses/agpl-3.0.en.html▶ OSI - opensource.org▶ BDFL - en.wikipedia.org/wiki/Benevolent_dictator_for_life▶ Nuxt Governance - github.com/nuxt/governance▶ Open Source Steward in the CRA - https://www.craact.eu/article-24-obligations-of-open-source-software-stewards/▶ Daniel Roe: Contributing to Nuxt - https://roe.dev/blog/contributing-to-nuxt/▶ Open Source pledge - opensourcepledge.com--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E053 - New Release: Nuxt 3.16 and Nuxt UI 3 DejaVue 2025-03-28 | 👀 Get 20% OFF of Nuxt UI Pro with code DEJAVUE https://dejavue.fm/nuxt-ui * (valid until April 10th)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 gets snuck in there too!Enjoy The Episode!---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00 Intro00:54 Nuxt 3.16 Feature Overview01:27 A new way to initialize Nuxt projects07:06 Lazy Hydration in Nuxt16:05 Named Layer Aliases17:45 Lines of Code vs. Complexity20:16 What a new Nitro minor brings to the table21:33 Fine-grained debugging options23:25 Nuxt Devtools v225:47 Faster module resolution (and faster boot up time)27:39 Using OXC to speed up component parsing28:58 Benchmark performance improvements31:43 Nuxt UI v340:58 Sneak peek at next weeks episode 👀41:17 Suggest a new slogan!--Links and Resources▶ Mastering Nuxt is out NOW masteringnuxt.com/?friend=DEJAVUE *▶ Nuxt 3.16 blog post nuxt.com/blog/v3-16▶ Vue implementing Lazy Hydration blog.vuejs.org/posts/vue-3-5▶ Nuxt Lazy Hydration PR github.com/nuxt/nuxt/pull/26468▶ Lazy Hydration in-depth youtube.com/watch?v=hibbpTe661U▶ More about Nuxt Layers youtube.com/watch?v=fr5yo3aVkfA▶ Revamping data fetching in Nuxt PR github.com/nuxt/nuxt/pull/31373▶ Nitro 2.11 github.com/nitrojs/nitro/releases/tag/v2.11.0▶ Youch github.com/poppinss/youch▶ Harlan's PR to speed up module resolution github.com/nuxt/nuxt/pull/31037▶ OXC PR for Nuxt.js github.com/nuxt/nuxt/pull/30066▶ Rolldown-powered Vite github.com/vitejs/rolldown-vite▶ CodSpeed codspeed.io▶ Tailwind Variants tailwind-variants.org--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E052 - Visualizing Data in Vue (with Dennis Adriaansen) DejaVue 2025-03-20 | 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 Chrt Library github.com/dennisadriaans/vue-chrts * X https://x.com/DennisAdriaans * Bluesky https://bsky.app/profile/dennisadriaans.bsky.social---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00:00 Welcome to DejaVue00:00:33 A year of DejaVue00:01:20 Another announcement from Michael00:02:52 How did you get into programming?00:07:07 Would people choose Vue more if it was more popular?00:11:37 Podcasts and Hot Takes00:19:03 Why charts?00:21:05 How do you get started with building chart components?00:23:39 What was your use case for charts?00:25:16 What does Unovis provide?00:29:31 Why not other Chart Libraries?00:34:34 Performance of Charts00:38:48 A tiny Vapor update00:40:40 Which Charts does your library support?00:44:10 When do you do Open Source?00:45:05 Open Source Funding & Contributions00:49:47 What makes a good Dashboard?00:52:03 Which backend do you use with Nuxt?00: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) https://share.transistor.fm/s/528e34ed▶ Mastering Nuxt* masteringnuxt.com/?friend=DEJAVUE▶ DejaVue #E049 - The Fusion of Laravel and Vue (with Aaron Francis) https://share.transistor.fm/s/721e8887▶ DejaVue #E041 - The Quadruple Migration (with Rijk van Zanten) https://share.transistor.fm/s/c4edbb2f▶ D3.js d3js.org▶ Tremor Labs https://tremor.so/▶ chart.js chartjs.org▶ Unovis https://unovis.dev/▶ Dennis' Nuxt error dashboard nuxterror.com▶ Vapor Playground https://vapor-repl.netlify.app/▶ Reading Vue Vapor ubugeeei.github.io/reading-vuejs-core-vapor▶ Vue Chrts (Dennis' Lib) github.com/dennisadriaans/vue-chrts▶ Open Source Pledge opensourcepledge.com▶ BBF Pattern youtube.com/watch?v=Zli-u9kxw0w&lc=UgyGTJ7mVMZUX6J2pFB4AaABAg▶ zod github.com/colinhacks/zod▶ valibot github.com/fabian-hiller/valibot▶ Standard Schema https://standardschema.dev/▶ Nuxt UI* https://dejavue.fm/nuxt-ui▶ Inspira UI inspira-ui.com▶ Reka UI github.com/unovue/reka-ui--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E051 - Vite Inside Out (with Matias Patak Capeletto) DejaVue 2025-03-13 | 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!---Our Guest* Matias "Patak" Capeletto * Vite https://vite.dev/ * Website https://patak.dev/ * Bluesky https://bsky.app/profile/patak.dev/---Your Host* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io--Chaptermarks:00:00:00 Welcome to DejaVue00:52:00 How did you get into programming?00:05:19 Working on Open Source Full Time00:08:16 What is Vite?00:18:48 Why is Vite so fast?00:22:19 Rollup and ESBuild?00:26:22 VoidZero and Rolldown00:34:08 The Scope of Vite00:36:27 Vite Environment API00:45:49 Converging Frameworks00:50:51 Funding in Open Source01:04:24 React as "the last framework"?01:10:18 CRA Deprecation01:24:41 Where can people follow you?01:26:09 Last Words--Links and Resources▶ Rolldown https://rolldown.rs▶ Snowpack https://www.snowpack.dev/▶ rolldown/vite github.com/rolldown/vite▶ vinxi https://vinxi.vercel.app/▶ unplugin github.com/unjs/unplugin▶ vite node github.com/vitest-dev/vitest/tree/main/packages/vite-node#readme ▶ miniflare developers.cloudflare.com/workers/testing/miniflare▶ All About VoidZero youtube.com/watch?v=33ex2A04b7g▶ DejaVue #044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) https://share.transistor.fm/s/3c5bc972▶ Sunsetting Create React App https://react.dev/blog/2025/02/14/sunsetting-create-react-app▶ CRA PR github.com/facebook/create-react-app/issues/17004▶ create-tsrouter-app github.com/TanStack/create-tsrouter-app --Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E050 - DevRel and IDEs (with Jan-Niklas Wortmann) DejaVue 2025-03-06 | 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 https://wordman.dev/ * Weekly Devs Brew https://www.weeklybrew.dev/ * Bluesky https://bsky.app/profile/wordman.dev/---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00 Welcome to DejaVue01:19 Guest Intro03:49 Difference of Framework communities08:56 The Ups and Downs of DevRel19:52 Advice for people doing DevRel25:05 What is JetBrains?27:46 Reluctance to change Tools31:01 Why one should check out WebStorm42:21 TypeScript and AI in the IDE48:06 A web-dev newsletter for your coffee break49:56 Where can people follow you?--Links and Resources▶ KCDC kcdc.info▶ DejaVue #E033 - Vue or React (with CJ Reynolds) https://share.transistor.fm/s/ef82ac4a▶ Nuxt Project Template in WebStorm youtrack.jetbrains.com/issue/WEB-69755/Nuxt-Project-Template▶ DejaVue #E049 - The Fusion of Laravel and Vue (with Aaron Francis) https://share.transistor.fm/s/721e8887▶ DejaVue #E007 - From Code to DevRel and Leadership (with Marc Backes) https://share.transistor.fm/s/2076dbed▶ Try the new WebStorm TS Engine now blog.jetbrains.com/webstorm/2023/12/try-the-future-typescript-engine-with-the-webstorm-next-program▶ JetBrains Junie jetbrains.com/junie▶ The Weekly Devs Brew https://www.weeklybrew.dev/--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E049 - The Fusion of Laravel and Vue (with Aaron Francis) DejaVue 2025-02-27 | 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 github.com/fusion-php/fusion * TryHard Studios tryhardstudios.com * Bluesky https://bsky.app/profile/aaronfrancis.com * Twitter https://x.com/aarondfrancis---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00:00 Welcome to DejaVue00:00:53 Guest Introduction00:02:10 How did you get into programming?00:05:01 Share your experience and journey!00:11:07 What is Fusion?00:17:06 Would you write your entire backend in Fusion?00:20:08 How does Fusion work under the hood?00:26:02 Where does Inertia helps Fusion to run?00:27:29 Is Fusion SSR-compatible?00:28:02 How did you come up with the idea of Fusion?00:31:51 What were the reactions from the community?00:35:44 Giving and receiving feedback00:39:04 Killing them with kindness00:46:23 Fusion after its release00:51:44 Help for the Volar integration00:53:57 How does Fusion tooling support looks like?00:57:28 Fusion and Nuxt01:01:23 Acknowledging the knowledge gap01:05:53 Error and Status Handling in Fusion01:14:34 How did the name Fusion come about?01:15:28 Options or Composition API?01:25:42 How can you be so productive with two sets of twins?01:31:22 Where can people find Aaron?--Links and Resources▶ Laravel laravel.com▶ TryHard Studios tryhardstudios.com▶ Fusion github.com/fusion-php/fusion▶ Fusion Intro Video youtube.com/watch?v=sa3XHjG1Kgs▶ Aaron's Laracon EU 2025 Talk youtube.com/watch?v=lXjYStxGFIQ▶ DejaVue #E029 - Inertia.js (with Joe Tannenbaum) https://share.transistor.fm/s/d7006ab4▶ Volar github.com/volarjs/volar.js▶ Nuxt Server Blocks github.com/Hebilicious/server-block-nuxt▶ Fusion Reddit Post reddit.com/r/vuejs/comments/1ihio3b/i_built_a_way_to_write_php_inside_vue▶ DejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) https://share.transistor.fm/s/cbfe245c▶ Aaron's Year in Review post aaronfrancis.com/2024/year-in-review-2024-ebfbb78c▶ DejaVue #E016 - The Future of Vue.js (with Evan You) https://share.transistor.fm/s/afeb8c47--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E046 - A Vue at Michael Thiessen DejaVue 2025-02-06 | 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!---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00 Welcome to DejaVue00:39 Concept of this episode02: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 post07:36 How Michael became a full-time educator12:37 What was the fist course you created and why that one?15:45 Give Feedback!19:54 The key part of creating content22: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 educator35:10 How did you get into programming?40:17 Computer Science vs Software Engineering in university43:31 Other learnings from university46:43 How did you find a job after university?48:19 Why Web Development?49:46 From React to Vue51:20 How did you start with public speaking?52:30 Quickfire Questions52: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 vuetoronto.com▶ Michael's previous band soundcloud.com/thegreatmacaw▶ EDM music Michael produced a long time ago soundcloud.com/michael-thiessen-332354425/sets/old-stuff▶ Quick Sort Dance youtube.com/watch?v=3San3uKKHgg▶ Lisp en.wikipedia.org/wiki/Lisp_(programming_language)▶ Prolog en.wikipedia.org/wiki/Prolog▶ Unsight https://unsight.dev/▶ Mastering Nuxt masteringnuxt.com/?friend=DEJAVUE* --Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E045 - Formkit and Hot Takes (with Justin Schroeder) DejaVue 2025-01-30 | 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 https://bsky.app/profile/jpschroeder.com * Web jpschroeder.com * FormKit formkit.com---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00:00 Welcome to DejaVue00:00:23 Guest Introduction00:01:15 How did you get started in programming and Vue.js?00:06:02 Frameworks as resource for learning patterns00:11:21 The biggest reason to change a framework00:14:12 Which framework would you choose for a new project?00:16:26 SolidStart as a fresh start for a framework?00:17:56 Adapting and managing expectations as a maintainer00:23:14 Why Forms are hard and how does FormKit came up?00:32:26 Accessibility for complex forms and components00:44:37 How does FormKit sustain itself?00:49:13 Physical to digital Forms with AI00:53:21 Do you have to utilize AI as a Developer?01:03:42 Justin's Hot Takes 🌶01:04:21 Vue in 202401:06:22 Vapor Mode01:12:34 Tailwind and headless components01:24:42 Wrapping up--Links and Resources▶ FormKit formkit.com▶ DejaVue #E039 - Migrating a SaaS from Nuxt 2 to Nuxt 3 (with Sumit Kumar) https://share.transistor.fm/s/501091da▶ WCAG 2.0 w3.org/WAI/standards-guidelines/wcag▶ KickStart https://dejavue.fm/kickstart*▶ Inspira UI inspira-ui.com▶ Motion-Vue github.com/unovue/motion-vue▶ Framer Motion for Vue https://motion.dev/docs/vue▶ Addy Osmani - The 70% problem: Hard truths about AI-assisted coding addyo.substack.com/p/the-70-problem-hard-truths-about▶ Vue SSR Benchmark youtube.com/watch?v=yShWoHCUick--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
#Vue Vapor better than ASTRO? Daniel Roe on a potential future of Vues Vapor Mode #podcast #vapor DejaVue 2025-01-27 | Lead of the Nuxt Team @danielroe outlines a potential outcome of Vue Vapor that brings Interop between frameworks, possibly even better than Astro can.Check out the full episode youtube.com/watch?v=qQrwWnw5so4---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k
DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) DejaVue 2025-01-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 https://bsky.app/profile/danielroe.dev * Web https://roe.dev * YouTube @danielroe * Twitch twitch.tv/danielroe---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00:00 Welcome to DejaVue00:01:21 Daniel's Injuries and Accessibility00:03:13 Fake teeth and other foolery00:04:10 Biomodding your teeth00:06:25 Is 2025 the year of Nuxt 4?00:11:49 React Metaframeworks and the year of Nitro?00:17:28 Course Announcements00:21:41 No more Vinxi in 2025?00:26:03 A prediction from the future00:31:14 Will 2025 shift Open Source Sustainability...00:32:08 ...driven by the WordPress incident?00:36:37 Why hasn't there been a WordPress fork?00:39:10 More amazing Conferences coming in 2025?00:42:55 Vue Vapor in 202500:47:56 The Year of AI Agents?00:53:10 Alien Signals Adoption in the JS World00:54:14 Vue 4 coming in 2025?00:55:17 A Unified JavaScript Toolchain in 2025?00:56:12 The Developer Job Market in 202501:00:21 What are you predictions for 2025?01:00:56 Daniel's info and Alex' last prediction--Links and Resources▶ Accessibility Chart coursearc.com/wp-content/uploads/2023/03/CA-Accessibility-Graphic_d4_COLOR.jpg▶ State of JS Survey 2024.stateofjs.com/en-US?via=dejavue▶ Alex' Video on State Of JS through the Vue lense youtube.com/watch?v=PyiBDWWJ-9w▶ Daniel's upcoming React to Nuxt course react-to-nuxt.com▶ Mastering Nuxt (3 at the time of recording) masteringnuxt.com/?friend=DEJAVUE*▶ Alex' upcoming Nitro Course nitro-unpacked.com/?ref=dejavue▶ Badass Courses' Course Builder Repo github.com/badass-courses/course-builder▶ Vinxi github.com/nksaraf/vinxi▶ Nikhil's tweet https://x.com/nkSaraf98/status/1864258127392092433▶ NIH tendency en.wikipedia.org/wiki/Not_invented_here▶ XKCD standards xkcd.com/927▶ thanks.dev https://thanks.dev/▶ Open Source Pledge opensourcepledge.com▶ MadVue madvue.es▶ PragVue pragvue.com▶ Kazupon's tweet on Vapor with other Frameworks https://x.com/kazu_pon/status/1828704096532263035▶ Meta on Large Concept Models ai.meta.com/research/publications/large-concept-models-language-modeling-in-a-sentence-representation-space--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bluesky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E043 - The Year in ReVue (with Daniel Roe) DejaVue 2025-01-16 | ▶ Join Vue.js Amsterdam 2025 and get 10% off with code DEJAVUE https://dejavue.fm/vue-ams-25*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 https://bsky.app/profile/danielroe.dev * Web https://roe.dev * YouTube @danielroe * Twitch twitch.tv/danielroe---Your Host* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 The Year in ReVue01:08 Daniel's favorite release in 202402:20 How did Nuxt Fonts evolve in the past year?03:58 Benefits of Nuxt Fonts05:38 Possible Future Improvements of Nuxt Fonts07:45 What devs do wrong with fonts09:29 The one CI tip saving you troubles11:01 Vue 2 going EOL13:20 Vue's development progress in 202414:31 Alien Signals17:24 Tooling in Vue19:20 Triaging the ecosystem23:53 Our favorite Nuxt.js improvements30:25 Nuxt 437:14 Nuxt 2 going EOL and Nuxt Bridge41:51 Incremental improvements in the Vue Ecosystem45:24 The Open Source Pledge47:45 VoidZero49:30 Our Favorite Vue.js Features in 202452:19 Quickfire54:22 Honorable Mentions54:47 Your feeling about the Vue and Nuxt ecosystem in 202455:51 Wrapping Up--Links and Resources▶ Nuxt Fonts fonts.nuxt.com▶ Daniel's Talk at Vue Amsterdam 2024 youtube.com/watch?v=i8fTVMF_Q4U▶ Fontaine github.com/unjs/fontaine▶ PostCSS Font Magician github.com/csstools/postcss-font-magician▶ Alien Signals github.com/stackblitz/alien-signals▶ TC39 Polyfill Alien Signals PR github.com/proposal-signals/signal-polyfill/pull/44▶ Volar github.com/volarjs/volar.js▶ Vue TSC as part of the language tools github.com/vuejs/language-tools▶ sharedPrerenderData Video youtube.com/watch?v=1jUupYHVvrU▶ Upgrade to Nuxt 4 via compatibilityVersion already youtube.com/watch?v=r4wFKlcJK6c▶ Nitro nitro.unjs.io▶ SSR Logs in the Browser github.com/nuxt/nuxt/issues/13470▶ Nuxt 3.15.2 github.com/nuxt/nuxt/releases/tag/v3.15.2▶ Nuxt Bridge github.com/nuxt/bridge▶ Vue Macros https://vue-macros.dev/▶ Vite https://vite.dev/▶ Elk https://elk.zone/▶ StackBlitz stackblitz.com▶ xkcd 2347: Dependency xkcd.com/2347▶ useId vuejs.org/api/composition-api-helpers.html#useid▶ (Lazy) Hydration github.com/nuxt/nuxt/pull/26468▶ defineModel vuejs.org/api/sfc-script-setup.html#definemodel▶ Hydration message improvements on Vue 3.4 youtube.com/watch?v=d4-OjlicbiY▶ Reactive props destructure vuejs.org/guide/components/props.html#reactive-props-destructure▶ v-bind shorthand vuejs.org/api/built-in-directives.html#v-bind▶ Nuxt OG Image github.com/nuxt-modules/og-image▶ UnoCSS https://unocss.dev/▶ Vue is the fastest SSR Framework youtube.com/watch?v=yShWoHCUick▶ Inspira UI Components inspira-ui.com --Follow DejaVue on▶ The Web: https://dejavue.fm/▶ BlueSky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E042 - Creating Technical Content (with Adam Jahr) DejaVue 2025-01-09 | ▶ Join Vue.js Amsterdam 2025 and get 10% off with code DEJAVUE https://dejavue.fm/vue-ams-25*In this episode, Michael talks with Adam Jahr, Founder of @VueMastery, all about creating technical content - and how this is relevant for *you* as a developer.Tune in and figure out how Adam founded Vue Mastery, what his biggest learnings from his Coding Bootcamp times were and learn key tips that can set your content apart from others!And as a bonus - learn what creating content, regardless the format, has to do with Harry Potter or Lord of the Rings.Ready? Then wait no furtherEnjoy the Episode!---Our Guest* Adam Jahr * VueMastery Website - vuemastery.com * X - https://x.com/AdamJahr---Your Host* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00:00 Welcome to DejaVue00:01:03 Why creating technical content is key00:02:16 What is Vue Mastery?00:05:52 Biggest learnings from Coding Bootcamp times00:09:46 Getting in touch early with the Vue community00:15:03 Splitting time between marketing and creating content00:18:40 Importance of different Creators and learning Formats00:20:07 How to reach and teach developers00:31:41 The same framework applied to sales00:33:19 Applying it to your own stuff00:34:44 A glimpse down the rabbit hole00:39:22 Creating an open loop00:43:32 Music Production and Sourdough00:47:47 Show them the "Why"00:52:45 Isolating focus00:58:26 Magic Move and Animations01:03:18 Where can we follow you Adam?01:04:19 Wrapping up--Links and Resources▶ Hero's Journey en.wikipedia.org/wiki/Hero%27s_journey▶ Michael's Composable Design Course michaelnthiessen.com/composable-design-patterns (out now!)▶ DejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) youtube.com/watch?v=5QXpi3UWrBY--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ BlueSky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E041 - The Quadruple Migration (with Rijk van Zanten) DejaVue 2025-01-02 | ▶ Join Vue.js Amsterdam 2025 and get 10% off with code DEJAVUE https://dejavue.fm/vue-ams-25*To start the year light and fun, Michael and Alex are joined by Rijk van Zanten, the creator of @DirectusVideos.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 - directus.io * BlueSky - https://bsky.app/profile/rijk.nyc/ * Web - https://rijk.nyc/---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00:00 Welcome to DejaVue00:00:47 How did you got into Web Development and Vue?00:03:10 Does Vue appeal to a certain kind of people?00:05:35 The web as the primary platform00:07:47 What is Directus?00:10:34 Why Vue.js and not React for Directus?00:18:28 Jobs for Vue vs. React Developers00:26:33 Green Flags for Hiring Candidates00:27:19 Composition API and Pinia from 0.0.100:39:02 Breaking changes and Migrating from early versions00:44:28 Testing when Prototyping - Unit and E2E00:53:11 The right level of Testing for the project00:55:56 Mutation Testing00:59:09 Does TypeScript makes us writing worse JS libraries?01:09:09 Dealing with Legacy and EOL01:18:38 Where can people Follow you?01:19:42 Wrapping up--Links and Resources▶ ConTejas Podcast with Alex youtube.com/watch?v=Y32Ko_CkbAI▶ Michael's Clean Components Toolkit michaelnthiessen.com/clean-components-toolkit▶ Michael's Upcoming Composable Design Course michaelnthiessen.com/composable-design-patterns▶ Daniel Roe's React To Nuxt Course react-to-nuxt.com▶ Next to Nuxt in less than 1h Video youtube.com/watch?v=1sIyNE6WNXY▶ Stryker Mutation Testing Framework stryker-mutator.io▶ DejaVue Episode #038 - Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar) https://share.transistor.fm/s/663f6ce9--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ BlueSky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E040 - Composition API vs Options API Special DejaVue 2024-12-26 | 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!#vue #nuxt #webdevelopment #podcast---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00 Welcome to the DejaVue Special00:37 Evan You18:04 Natalia Tepluhina26:09 Tim Benniks27:11 Joe Tannenbaum30:14 CJ Reynolds37:33 Simone Cuomo41:28 Sumit Kumar48:29 Jakub Andrzejewski49:54 Rijk van Zanten53:47 Eduardo San Martin Morote57:46 Vue Toronto Panel58:18 Wrapping Up--Links▶ Michael's Inline Composable Article michaelnthiessen.com/inline-composables▶ Organizing Composition API Code Video youtube.com/watch?v=iKaDFAxzJyw▶ Screenshot CAPI OAPI Comparison raw.githubusercontent.com/vuejs/docs/refs/heads/main/src/guide/extras/images/composition-api-after.png▶ Evan's Migrated File gist.github.com/yyx990803/8854f8f6a97631576c14b63c8acd8f2e▶ Pinia pinia.vuejs.org▶ DejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) https://share.transistor.fm/s/cbfe245c▶ DejaVue #E010 - Design Patterns in Vue.js https://share.transistor.fm/s/4c2e73af--Referenced Episodes (in order of appearance)▶ DejaVue #E015 - Ten Years of Vue.js (with Evan You) https://share.transistor.fm/s/6b6bab42▶ DejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) https://share.transistor.fm/s/cbfe245c▶ DejaVue #E009 - Vue.js in Large Applications (with Tim Benniks) https://share.transistor.fm/s/b846a2a9▶ DejaVue #E029 - Inertia.js (with Joe Tannenbaum) https://share.transistor.fm/s/d7006ab4▶ DejaVue #E033 - Vue or React (with CJ Reynolds) https://share.transistor.fm/s/ef82ac4a▶ DejaVue #E032 - Getting Started with Vue.js (with Simone Cuomo) https://share.transistor.fm/s/91e45143▶ DejaVue #E039 - Migrating a SaaS from Nuxt 2 to Nuxt 3 (with Sumit Kumar) https://share.transistor.fm/s/501091da▶ DejaVue #E036 - Secure your Vue and Nuxt Applications (with Jakub Andrzejewski) https://share.transistor.fm/s/8cff6f52▶ 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) https://share.transistor.fm/s/9769f2f6▶ DejaVue #E037 - VueConf Toronto Panel (with Evan You, Daniel Roe, Sigrid Huemer and John Leider) https://share.transistor.fm/s/4304581f--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ BlueSky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E039 - Migrating a SaaS from Nuxt 2 to Nuxt 3 (with Sumit Kumar) DejaVue 2024-12-20 | ▶ Fill out the State of Vue.js Survey docs.google.com/forms/d/1VsztgrpMNGUFnknik-_YsodhW7Iohj4sM7qAsPmjZvY/editThe 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) - parqet.com * BlueSky - https://bsky.app/profile/sky.ofsumit.com * Twitter - https://x.com/TweetsOfSumit * YouTube - @VideosOfSumit & @Parqet ---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue00: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 pitfalls06:46 Steps that you tried out10:11 No such migration anymore10:28 Time frame of the migration12:07 What is CAPI and what stays OAPI15:31 Getting acquainted with the Composition API18:28 Structuring your Script part26:00 Reusing Composables30:56 Changing the Tech Stack?38:35 Wrapping Up--Links and Resources▶ Pinia pinia.vuejs.org▶ Michael's Inline Composable Article michaelnthiessen.com/inline-composables▶ Organizing Composition API Code Video youtube.com/watch?v=iKaDFAxzJyw▶ Michael's Composable Design Patterns Course (Early Access) michaelnthiessen.com/composable-design-patterns▶ Screenshot CAPI OAPI Comparison raw.githubusercontent.com/vuejs/docs/refs/heads/main/src/guide/extras/images/composition-api-after.png▶ Evan's Migrated File gist.github.com/yyx990803/8854f8f6a97631576c14b63c8acd8f2e▶ DejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) https://share.transistor.fm/s/cbfe245c▶ DejaVue #E010 - Design Patterns in Vue.js https://share.transistor.fm/s/4c2e73af--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ BlueSky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E038 - Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar) DejaVue 2024-12-12 | ▶ Fill out the State of Vue.js Survey docs.google.com/forms/d/1VsztgrpMNGUFnknik-_YsodhW7Iohj4sM7qAsPmjZvY/edit▶ And also the State of JS Survey survey.devographics.com/en-US/survey/state-of-js/2024?source=dejavue_e038In 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 of 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) - parqet.com * BlueSky - https://bsky.app/profile/sky.ofsumit.com * Twitter - https://x.com/TweetsOfSumit * YouTube - @VideosOfSumit & @Parqet ---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00:00 Welcome to DejaVue00:01:28 How did you get into Web Development and Vue.js?00:04:53 Converging Frameworks00:07:39 Previous Work Experiences and joining Stripe00:10:15 What did you learn from working at Stripe?00:14:05 The Front Page Test00:16:39 How did your start Parqet?00:20:12 The Transition from Developer to Founder00:23:02 Can you focus only on Programming as a Founder?00:27:03 Finding a CEO instead of being one00:29:25 Marketing is Half the Job00:30:24 How did Parqet grow?00:39:56 Why don't you share your MRR anymore?00:43:15 Why did you choose to bootstrap00:49:26 Niche down strategy00:51:47 Dealing with GDPR and localization01:00:40 Wrapping up--Links and Resources▶ Mastering Nuxt 3 masteringnuxt.com/?friend=dejavue*▶ DejaVue #E031 - All About VoidZero (with Evan You) youtube.com/watch?v=33ex2A04b7g▶ Parqet (GER) parqet.com▶ The EMyth Revisited amazon.com/Myth-Revisited-Small-Businesses-About/dp/0887307280▶ MAKE readmake.com▶ The Launch Livestream of Parqet fka. Tresor One (GER/ENG) youtube.com/watch?v=d6SX6DUztgI▶ Minimal Empires (GER) https://minimalempires.de/▶ Verhältnismäßigkeit en.wiktionary.org/wiki/verh%C3%A4ltnism%C3%A4%C3%9Fig▶ How to center a div stackoverflow.com/a/23384995/3975480--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ BlueSky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E037 - VueConf Toronto Panel (with Evan You, Daniel Roe, Sigrid Huemer and John Leider) DejaVue 2024-12-05 | ▶ Fill out the State of Vue.js Survey docs.google.com/forms/d/e/1FAIpQLSc6QQQ14ZuE4akaTZAkqOAMUSGjXVjKS-KuV▶ And also the State of JS Survey survey.devographics.com/en-US/survey/state-of-js/2024?source=dejavue_e037For 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 - vuejs.org * Vite - https://vite.dev/ * VoidZero - https://voidzero.dev/ * Bluesky - https://bsky.app/profile/did:plc:2dnwvhnfyfedrgy6hyxvqfyk* Daniel Roe * YouTube - @danielroe * Bluesky - https://bsky.app/profile/danielroe.dev * Web - https://roe.dev/* Sigrid Huemer * Web - https://sigrid.digital/ * Bluesky - https://bsky.app/profile/did:plc:wx6kcqku3rwenj3jkkfawt25* John Leider * Web - vuetifyjs.com * Twitter - twitter.com/zeroskillz---Your Hosts* Alexander Lichter * YouTube - @TheAlexLichter * Bluesky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io* Michael Thiessen * Bluesky - bsky.app/profile/did:plc:jhya3qlu6av4h3ft5g6n2rkq * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00 Welcome to DejaVue Live00:38 Introducing our panelists02: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?--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ BlueSky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E036 - Secure your Vue and Nuxt Applications (with Jakub Andrzejewski) DejaVue 2024-11-28 | ▶ Fill out the State of Vue.js Survey docs.google.com/forms/d/1VsztgrpMNGUFnknik-_YsodhW7Iohj4sM7qAsPmjZvY/edit▶ And also the State of JS Survey survey.devographics.com/en-US/survey/state-of-js/2024?source=dejavue_e036Security 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 - dev.to/jacobandrewsky * BlueSky - https://bsky.app/profile/jacobandrewsky.bsky.social * Twitter - https://x.com/jacobandrewsky---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00:00 Welcome to the DejaVue Podcast00:00:12 Introducing our Guest00:02:07 The Nuxt Ecosystem Team00:07:47 How did you get into Vue.js00:13:09 Transition to Vue 3 and Composition API00:17:00 React Livecoding as a Vue Dev00:18:10 vue-vine for multiple components00:20:34 State of Vue00:30:30 The Nuxt Security Module00:37:36 Will the module project you from everything?00:41:59 The ShipFast incident00:45:05 Ethical Hacking and NPM Security Vulnerabilities00:49:24 Privilege Escalation at Shopify00:51:45 Nuxt Security without a Server00:54:28 More Logic in the Frontend00:55:38 Nothing to Hide?00:57:28 Security Mistakes to Avoid as a Vue Developer01:02:13 Wrapping up--Links and Resources▶ Nuxt Security Module github.com/Baroshem/nuxt-security▶ Vue Vine youtube.com/watch?v=896YeBS-dZE▶ State of Frontend (Results out) tsh.io/state-of-frontend▶ OWASP Top 10 owasp.org/www-project-top-ten▶ DejaVue #E006 - Nuxt Server Components (with Julien Huang) https://share.transistor.fm/s/999ce2bd▶ Shipfast incident writeup reddit.com/r/nextjs/comments/1gcqd8r/did_you_know_the_shipfast_boilerplate_was_full_of--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ BlueSky https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E035 - Error Handling in Vue DejaVue 2024-11-25 | All of you have seen users do weird things with your application and running into strange scenarios - who can't relate to this?For this and many other reasons, the right way of error handling is important in you application. Join Michael and Alex on a discussion of the different ways one can handle errors in their application.That includes not always showing an error page, but also handling errors request-based or component-based!On that note, error messages and how to write decent ones that are helpful for the users are discussed, as well as how components like NuxtErrorBoundary work under the hoodEnjoy the episode! ---Your Hosts* Michael Thiessen * Twitter - https://bsky.app/profile/michaelthiessen.bsky.social * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Bsky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue01:22 The good old error page01:58 Write good error messages!03:11 The Vue global error handler05:07 Server vs. Client Errors in Nuxt.js08:34 The vue:error hook09:05 Global error handling for $fetch and interceptors11:10 Throw unhandled errors in Prod with Vue 3.5?13:07 Component-level error handling16:33 NuxtErrorBoundary18:01 defineAsyncComponent18:53 Request-based error handling21:45 New default values in Nuxt 423:30 Error Tracking26:33 Actually handling the errors28:54 Wrapping up--Links and Resources▶ State of JS Survey survey.devographics.com/en-US/survey/state-of-js/2024?source=dejavue_e035▶ Sentry sentry.io/welcome/?utm_source=dejavue&utm_medium=description&utm_content=e035▶ Bugsnag bugsnag.com▶ Rollbar rollbar.com▶ Michael's talk on error handling in Nuxt youtube.com/watch?v=UBDVm8c7YoA▶ Michael's article on error handling in Nuxt masteringnuxt.com/blog/handling-errors-in-nuxt3?friend=DEJAVUE▶ And another deep dive into Nuxt 3 error handling masteringnuxt.com/blog/how-to-use-error-handling-to-create-rock-solid-apps?friend=DEJAVUE▶ DejaVue #E034 - Data Fetching in Vue and Nuxt https://share.transistor.fm/s/422eae00▶ Vue Issue regarding throwing errors in production (low level) github.com/vuejs/core/issues/7876▶ Vike https://vike.dev/▶ NuxtErrorBoundary component Source Code uxt/src/app/components/nuxt-error-boundary.ts▶ ofetch github.com/unjs/ofetch▶ Zod github.com/colinhacks/zod▶ Valibot github.com/fabian-hiller/valibot▶ Nuxt 4 error and data will be undefined by default nuxt.com/docs/getting-started/upgrade#default-data-and-error-values-in-useasyncdata-and-usefetch▶ Create abstractions for your headings and buttons youtube.com/watch?v=0u9iAy4t2K4&feature=youtu.be--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bsky: https://bsky.app/profile/dejavue.fm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E034 - Data Fetching in Vue and Nuxt DejaVue 2024-11-15 | ▶ ONE MORE TIME - 15% discount for the VueConf Toronto DEJAVUE https://dejavue.fm/vue-toronto-2024 *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! ---Your Hosts* Michael Thiessen * Twitter - https://bsky.app/profile/michaelthiessen.bsky.social * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Bsky - https://bsky.app/profile/thealexlichter.com * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue00:50 Which topics should be covered next?01:56 This episodes topic - Data Fetching04:13 Two ways of client-side caching06:17 What is Data Fetching actually - and which library to use?08:19 Suspense in Vue.js14:03 Third Party Scripts17:38 Data fetching basics in Nuxt.js20:28 $fetch vs useFetch23:27 $fetch request deduplication on the server24:43 Caching in Nuxt.js28:18 routeRules of server-side caching29:38 defineCachedEventHandler / defineCachedFunction32:19 Unstorage for storing the cached files35:41 useNuxtData40:26 Why does Nuxt offer more data fetching options?45:32 Wrapping up--Links and Resources▶ ofetch github.com/unjs/ofetch▶ ky github.com/sindresorhus/ky▶ Suspense in Vue vuejs.org/guide/built-ins/suspense.html#suspense▶ Data Loaders https://uvr.esm.is/data-loaders/▶ DejaVue #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote) https://share.transistor.fm/s/9769f2f6▶ nuxt-workers github.com/danielroe/nuxt-workers▶ Partytown partytown.builder.io▶ squoosh.app https://squoosh.app/▶ DejaVue #E001 - The Need for SSR https://share.transistor.fm/s/90ce0fd6▶ You are using useFetch wrong youtube.com/watch?v=njsGVmcWviY▶ DejaVue #E003 - Nitro: The Next Generation Server Toolkit https://share.transistor.fm/s/d7130ed5▶ Caching in Nitro youtube.com/watch?v=KN5e2Hh6uC0▶ Client side caching with getCachedData youtube.com/watch?v=aQPR0xn-MMk▶ Composable Caching Utils issue github.com/nuxt/nuxt/issues/24271▶ Route Rules in Nuxt youtube.com/watch?v=Fp04Kw4nBE8▶ DejaVue #E002 - Building a Nuxt.js SaaS in less than a week (with Harlan Wilton) https://share.transistor.fm/s/75ebfa28--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Bsky: https://bsky.app/profile/dejavue.fm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E033 - Vue or React (with CJ Reynolds) DejaVue 2024-11-08 | ▶ 15% discount for the VueConf Toronto DEJAVUE https://dejavue.fm/vue-toronto-2024 *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 * Web - https://coding.garden/ and https://syntax.fm/ * BlueSky - https://bsky.app/profile/w3cj.com and https://bsky.app/profile/syntax.fm * YouTube - @syntaxfm and @CodingGarden * Twitch - twitch.tv/codinggarden * Twitter - https://x.com/CodingGarden---Your Host* Alexander Lichter * BlueSky - https://bsky.app/profile/thealexlichter.com * YouTube - @TheAlexLichter * Twitch - twitch.tv/TheAlexLichter * Web - lichter.io * Twitter - twitter.com/TheAlexLichter--Chaptermarks:00:00:00 Welcome to DejaVue00:00:47 How CJ joined the podcast00:01:38 How did you become the Senior Creator at Syntax.fm do?00:06:00 Differences to previous gigs and streaming00:12:17 From starting with web development to Vue.js00:15:54 Running the Vue Denver meetup00:19:25 Is the meetup scene growing again?00:21:13 Why didn't you switch fully to React?00:23:49 What Vue does "better" than React00:27:01 Two-way data binding00:31:35 How opinionated is Vue00:32:58 Vue without a build step00:35:01 Does Vue "seem" too magical?00:36:07 "Needing" a meta framework?00:38:50 Nuxt and the UnJS packages00:41:01 Frameworks converging00:41:55 Vue did Signals "first"00:42:58 Is Vue bad at marketing?00:44:40 Vue Job market00:45:40 Vue and Innovation00:46:59 Vue being left out of the conversation00:50:52 What stops from switching to Vue?00:53:52 The change to Vue 3 and the Composition API01:02:38 VueUse as a good example01:03:26 Composition API without script setup01:05:56 Where people can follow CJ01:06:34 Wrapping up--Links and Resources▶ Syntax Podcast https://syntax.fm/▶ DenverScript denverscript.com/organizers▶ immer github.com/immerjs/immer▶ Immutable.js immutable-js.com▶ petite-vue github.com/vuejs/petite-vue▶ Episode 16 - The Future of Vue.js (with Evan You) https://share.transistor.fm/s/afeb8c47▶ vinxi github.com/nksaraf/vinxi▶ Episode 30 - Pinia and Data Loaders (with Eduardo San Martin Morote) https://share.transistor.fm/s/9769f2f6▶ Data Loaders https://uvr.esm.is/data-loaders/▶ Nitro github.com/nitrojs/nitro▶ Interview with Evan You about VoidZero youtube.com/watch?v=33ex2A04b7g▶ Syntax Video Series - React vs Vue youtube.com/playlist?list=PLLnpHn493BHGeUSbg-tjxVyMKQnIB0kVL▶ Headless UI headlessui.com▶ FormKit formkit.com▶ Organizing Code when using the Composition API Video youtube.com/watch?v=iKaDFAxzJyw--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ BlueSky: https://bsky.app/profile/dejavue.fm▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E032 - Getting Started with Vue.js (with Simone Cuomo) DejaVue 2024-10-31 | ▶ 15% discount for the VueConf Toronto DEJAVUE https://dejavue.fm/vue-toronto-2024 *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 * Web - zelig880.com * Twitter - https://x.com/Zelig880---Your Host* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00 Welcome to DejaVue01:51 Experience with in-office work07:20 Mentorships11:57 Job-ready after university18:37 Learnings from the Vuejs.de Conference24:27 Simone's Hot Take on Vue.js31:12 Getting Started with Vue.js38:30 Tip for reading complex library code39:35 Is AI helpful for junior developers?49:07 Wrapping Upt--Links and Resources▶ GitKraken gitkraken.com▶ Vuejs.de Conf Panel youtu.be/YB4GVfegOu0?t=17396▶ VueUse vueuse.org▶ Simone's new book - Vue.js 3 for Beginners packtpub.com/en-us/product/vuejs-3-for-beginners-9781805126775▶ Simone's first book - Beyond coding leanpub.com/beyond-coding/c/10-years-post▶ What is a composable youtube.com/watch?v=N0QrFKBZuqA--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote) DejaVue 2024-10-17 | 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 * Web - https://esm.dev/ * Twitter - https://x.com/posva/ * YouTube - @posva_ ---Your Host* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00 Welcome to DejaVue00:46 Upcoming Vue Conferences03:46 Eduardo's Involvement in VueX05:03 Why would you use Pinia?11:50 Another view on stores14:14 Insights from Mastering Pinia20:16 Live Workshop vs recorded videos26:00 How to improve tech video content29:09 Data Loaders API34:31 Pina Colada vs GraphQL36:15 RFC for Data Loaders38:10 Organising a Meetup44:56 Wrapping up with a discount--Links and Resources▶ Pinia pinia.vuejs.org▶ Mastering Pinia masteringpinia.com/?friend=DEJAVUE *▶ Pinia Disasterclass Talk youtube.com/watch?v=92wAeyqOBAw▶ Mastering Nuxt masteringnuxt.com/?friend=DEJAVUE *▶ DejaVue #E015 - Ten Years of Vue.js (with Evan You) youtube.com/watch?v=OG8dvyKLjIM▶ Data Loaders https://uvr.esm.is/data-loaders/--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E029 - Inertia.js (with Joe Tannenbaum) DejaVue 2024-10-10 | ▶ 15% discount for the VueConf Toronto DEJAVUE https://dejavue.fm/vue-toronto-2024 *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 * Web - https://joe.codes/ * Twitter - https://x.com/joetannenbaum/---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue00:56 What is Laravel and when did you got into it?05:40 Does Laravel has starter kits?07:41 Laravel Cloud, funding and growth13:22 What are TUIs?16:37 What is Inertia?22:15 How would Authentication work with Inertia?24:01 Adapters for Phoenix and Rails25:08 Feature in Inertia version 232:53 Breaking changes for v233:56 Composition API or Options API?37:27 What part is the routing layer?38:48 Further Inertia Helpers41:14 Inertia's SSR story45:17 Data fetching46:48 When not to Inertia?47:45 How much do you think about Inertia when coding?50:09 Too many amazing things to use52:20 Wasn't Inertia "done"?54:23 Wrapping up--Links and Resources▶ Jess Archer - "Unveiling Laravel Prompts" @ youtube.com/watch?v=PW-2_-KxF-8▶ Joe Tannenbaum - "Terminal UIs" youtube.com/watch?v=aJu48qlJANM▶ Inertia.js inertiajs.com▶ @LaravelPHP laravel.com▶ Livewire laravel-livewire.com--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E028 - Vue Performance Tips DejaVue 2024-10-03 | ▶ 15% discount for the VueConf Toronto DEJAVUE https://dejavue.fm/vue-toronto-2024 *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! ---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Intro01:14 The topic of this episode - Performance02:05 Optimizing for performance from the beginning?04:03 Prop stability08:18 v-once10:45 v-memo12:57 Does v-pre fit into the mix?14:28 Recalculation of computed's20:47 Virtualization24:05 shallowRef27:25 Vapor Mode in the future28:44 Server Side Rendering29:14 The recent SSR benchmark31:35 Results of the benchmark32:00 What does this mean for you?35:19 Perceived performance37:33 Improving SSR performance39:12 VueConf Toronto40:20 Wrapping up--Links and Resources▶ DejaVue #E026 - Vue 3.5 Analyzed https://share.transistor.fm/s/15838e9d▶ DejaVue #E027 - Working at AWS (with Erik Hanchett) https://share.transistor.fm/s/71d86b7e▶ v-once vuejs.org/api/built-in-directives#v-once▶ v-memo vuejs.org/api/built-in-directives#v-memo▶ v-pre vuejs.org/api/built-in-directives#v-pre▶ The shallowRef guide youtube.com/watch?v=HdDVfiHtWHE▶ Performance Vue Docs vuejs.org/guide/best-practices/performance.html#performance▶ Michael Reactivity From Scratch Free Course michaelnthiessen.com/reactivity-from-scratch▶ Vapor Mode github.com/vuejs/core-vapor▶ Reading vuejs/core-vapor ubugeeei.github.io/reading-vuejs-core-vapor▶ DejaVue #E001 - The Need for Server-Side Rendering (SSR) https://share.transistor.fm/s/90ce0fd6▶ Alex' SSR Benchmark video youtube.com/watch?v=yShWoHCUick--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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.
Evan You: Messy code with the Composition API? #podcast #vuejs #interview #dejavue DejaVue 2024-09-29 | Vue creator Evan You shares his thoughts on writing messy code when using the Composition API and how to avoid it in DejaVue episode 15Check out the full episode youtube.com/watch?v=OG8dvyKLjIM---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k
DejaVue #E027 - Working at AWS (with Erik Hanchett) DejaVue 2024-09-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!▶ Get 15% OFF for your Vue Toronto ticket with code DEJAVUE universe.com/events/vueconf-toronto-2024-tickets-XDKH8Cunii-discount-code=DEJAVUE *---Our Guest* Erik Hanchett * Web - programwitherik.com * Twitter - https://x.com/ErikCH/ * YouTube - @ProgramWithErik ---Your Host* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com--Chaptermarks:00:00 Welcome to DejaVue00:35 How would you describe your job?03:20 Do you miss the deep technical problems?09:41 Duties when speaking at a conference12: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 perfect28:16 First Five unreleased DejaVue episodes29:44 Putting yourself out there32:09 Erik's first podcast guest appearance ever37:10 Using Vue.js at Amazon Web Services41:29 How did you get into Vue?43:16 Working on AWS Open Source projects45:06 Migrating a library from Vue 2 to Vue 349:48 Nested Slot Bonanza51:34 Angular, React and Vue devs in the same project52:15 Wrapping up--Links and Resources▶ AWS Amplify https://docs.amplify.aws/▶ VueUse vueuse.org▶ Vue Demi github.com/vueuse/vue-demi▶ XState github.com/statelyai/xstate--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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.
Evan You: Options API vs Composition API #podcast #vuejs #interview #dejavue DejaVue 2024-09-24 | Evan You explains in DejaVue episode 15 what the mental model difference between the Options API and the Composition API is.Check out the full episode youtube.com/watch?v=OG8dvyKLjIM---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k
DejaVue #E026 - Vue 3.5 Analyzed DejaVue 2024-09-19 | ▶ 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE https://conf.vuejs.de/tickets/?voucher=DEJAVUE *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! ---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue01:26 Performance improvements in 3.504:59 Props Destructuring out of experimental12:23 SSR Improvements12:52 Lazy Hydration17:10 How is Lazy Hydration different to existing async components?21:42 useId25:25 data-allow-mismatch29:02 Web Component improvements31:42 useTemplateRef34:34 Deferred Teleports38:45 onWatcherCleanup42:37 Wrapping up--Links and Resources▶ DejaVue #E016 - The Future of Vue.js (with Evan You) https://share.transistor.fm/s/afeb8c47▶ Vue 3.5 announcement blog post blog.vuejs.org/posts/vue-3-5▶ Rolldown https://rolldown.rs/▶ Vite https://vitejs.dev/▶ Evan's Tweet about Vue using Rolldown (there are more though!) https://x.com/youyuxi/status/1833171873779355800▶ Props Destructure RFC github.com/vuejs/rfcs/discussions/502▶ DejaVue #E001 - The Need for Server-Side Rendering (SSR) https://share.transistor.fm/s/90ce0fd6▶ Hydration Error blog post blog.lichter.io/posts/vue-hydration-error▶ Vue.js Hydration Explained youtube.com/watch?v=TYyEjN0UrfA▶ Lazy Hydration in Nuxt github.com/nuxt/nuxt/issues/24242▶ Volkswagen package npmjs.com/package/volkswagen▶ Volar github.com/volarjs/volar.js▶ DejaVue #E006 - Nuxt Server Components (with Julien Huang) https://share.transistor.fm/s/999ce2bd▶ DejaVue #E004 - Teleports and When to Use Them https://share.transistor.fm/s/170b8468▶ DejaVue #E011 - Learning new Vue Features and Concepts (with LearnVue aka. Matt Maribojoc) https://share.transistor.fm/s/314b0fd0▶ VueUse vueuse.org--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E025 - Nuxt Modules and Open Source at work (with Lucie Haberer) DejaVue 2024-09-12 | 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!▶ 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE https://conf.vuejs.de/tickets/?voucher=DEJAVUE *▶ Get Nuxt UI Pro at https://dejavue.fm/nuxt-ui *#nuxt #vue #opensource---Our Guest* Lucie Haberer * Twitter - https://x.com/li_hbr/ * Web - lihbr.com/speaker-details * GitHub - github.com/lihbr * YouTube - @lihbr ---Your Host* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue00:49 A Free Nuxt UI Course04:02 How you got into Vue.js06:42 From Building a Nuxt module for SSG to joining the core team13:48 A module to control your smart lightbulb?14:35 Running a Nuxt module in every Nuxt app on the computer19:33 Public Speaking and Conferences23:41 Local Meetups26:26 Lucie's responsibilities in the Nuxt team27:27 Inbox 0 and GitHub notifications28:55 Building vs. working with a framework31:21 Monkey patching - but don't forget to raise an issue!32:11 Being a DX Engineer35:20 Prismic and Open Source40:56 Open Source Sponsoring43:00 Working with other frameworks45:36 Wrapping up--Links and Resources▶ Prismic prismic.io▶ Free Nuxt UI Course youtube.com/watch?v=ldJspABKPs8▶ unhead github.com/unjs/unhead▶ NuxtLink RFC github.com/nuxt/nuxt/discussions/16023▶ .nuxtrc nuxt.com/docs/guide/directory-structure/nuxt-config▶ Nuxt Devtools Discussion github.com/nuxt/nuxt/pull/28720 ▶ defu github.com/unjs/defu▶ DejaVue #E024 - Between Agency Work and Open Source (with Zoey and Dan from SIDESTREAM) https://share.transistor.fm/s/e0cd5429--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E024 - Between Agency Work and Open Source (with Zoey and Dan from SIDESTREAM) DejaVue 2024-09-05 | 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!▶ 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE https://conf.vuejs.de/tickets/?voucher=DEJAVUE *▶ 10$ off for Michael's Nuxt Tips Collection with the following link and code DEJAVUE michaelnthiessen.com/nuxt-tips-collection?aff=plY9z *#nuxt #vue #opensource---Our Guests* Zoey Kaiser * Twitter - https://x.com/zoey_kaiser/ * LinkedIn - linkedin.com/in/zoeykaiser * GitHub - github.com/zoey-kaiser* Dan Kremerov * Twitter - https://x.com/dankremerov/ * LinkedIn - linkedin.com/in/dkrem---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00:00 Welcome to DejaVue00:01:37 Sidebase vs SIDESTREAM00:03:57 How did you choose Vue and Nuxt?00:08:21 Do clients care about your tech stack?00:10:31 Finding Vue.js Developer to Hire00:14:35 What brought SIDESTREAM to open source?00:18:45 Developing Sidebase - From template to starter00:22:11 Which choices Sidebase offer?00:26:03 The case against wrapper packages00:28:57 How did SIDESTREAM benefits from Sidebase?00:33:17 Inspired by Open Source00:37:42 Influence from previous projects on Sidebase00:40:33 Moving from Python to full-tack TypeScript00:45:48 Separate services or one Nuxt application?00:49:47 The Sidebase Nuxt Auth Module00:54:14 Migrating the base of Nuxt Auth to Auth.js00:56:02 Other Auth solutions01:02:37 Dead ends during module development01:07:48 The future of Sidebase and SIDESTREAM01:15:10 Wrapping up--Links and Resources▶ DejaVue #E015 - Ten Years of Vue (with Evan You) https://share.transistor.fm/s/6b6bab42▶ SIDESTREAM http://sidestream.tech/▶ Sidebase sidebase.io▶ Sidebase Promo Video youtube.com/watch?v=Wu9LQ7L5BcU▶ Sidebase Launch Tweet https://x.com/bracket_john_/status/1566382214606102528▶ Nuxt CLI Wizard github.com/nuxt/cli/issues/53▶ Prisma prisma.io▶ tRPC trpc.io▶ Sidebase nuxt-auth module github.com/sidebase/nuxt-auth▶ Sentry sentry.io▶ Sentry Nuxt SDK Alpha github.com/getsentry/sentry-javascript/issues/9095▶ Add Sentry to Nuxt 3 recipe lichter.io/articles/nuxt3-sentry-recipe▶ Nuxt Layers Intro youtube.com/watch?v=fr5yo3aVkfA▶ Zod github.com/colinhacks/zod▶ Auth.js https://authjs.dev/▶ nuxt-auth-utils github.com/Atinux/nuxt-auth-utils▶ MakerDAO aka Sky https://sky.money/--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E023 - TypeScript and Content Creation (with Matt Pocock) DejaVue 2024-08-29 | This episode of DejaVue includes not only knowledge but also a certain degree of magic, as Alex and Michael meet up with the one and only TypeScript Wizard Matt Pocock. Together, they talk about how he became a full-time educator and what the pros and cons are, then of course discussing everything around TypeScript - from Types vs. Interfaces, any vs. unknown, Matt's ts-reset library, Flappy Bird in TypeScript and more amazing nuggetsEnjoy the episode!---Our Guest* Matt Pocock * Web - totaltypescript.com * Twitter - https://x.com/mattpocockuk/ * YouTube - @mattpocockuk * TikTok - tiktok.com/@mattpocockuk---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue02:08 How Matt came to join DejaVue03:03 Becoming a full time TypeScript educator05:10 What do you miss when doing full time content creation?08:16 Being an employee vs. self-employed14:42 Why using TypeScript?19:59 TypeScript only for libraries?22:40 Migrating JS to TS28:08 The build/compile step33:20 Types vs. Interfaces37:19 Declaration Merging pitfalls41:35 TS Reset and TS 5.5 improvements48:25 TypeScript enforcing a way of programming51:18 any vs. unknown54:25 Wrapping up--Links and Resources▶ Matt's Truck stream youtube.com/watch?v=6b93kmYy6rI▶ Badass.dev https://badass.dev/▶ NeverThrow github.com/supermacro/neverthrow▶ Sentry migrating to TS blog.sentry.io/slow-and-steady-converting-sentrys-entire-frontend-to-typescript▶ Stripe migrating to TS stripe.com/blog/migrating-to-typescript▶ TS Reset github.com/total-typescript/ts-reset▶ TS Flappy Bird https://zackoverflow.dev/writing/flappy-bird-in-type-level-typescript/ --Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E022 - Signals DejaVue 2024-08-22 | ▶ 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE https://conf.vuejs.de/tickets/?voucher=DEJAVUE *▶ 10$ off for Michael's Nuxt Tips Collection with the following link and code DEJAVUE michaelnthiessen.com/nuxt-tips-collection?aff=plY9z *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!---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue01:06 Signals and Reactivity04:41 Functional Programming10:51 Signals in Modern Frameworks11:48 How Signals look like in other Frameworks14:20 Signals in Vue15:20 Signals vs. refs?17:51 A Standard for Signals21:54 Benefits of Signals in the language25:16 Vue.JS DE Conf 2024--Links and Resources▶ DejaVue #E022 - Reactivity in Vue https://share.transistor.fm/s/2de447bb▶ Haskell haskell.org▶ OCaml ocaml.org▶ Elixir elixir-lang.org▶ Elm elm-lang.org▶ Zod https://zod.dev/▶ Valibot https://valibot.dev/▶ Solid.js solidjs.com▶ Building solid-like Signals in Vue with shallowRef ▶ Vue Docs on Signals vuejs.org/guide/extras/reactivity-in-depth.html#connection-to-signals▶ TC39 Proposal github.com/tc39/proposal-signals▶ VueUse vueuse.org--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E021 - Reactivity in Vue DejaVue 2024-08-15 | ▶ 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE https://conf.vuejs.de/tickets/?voucher=DEJAVUE *▶ 10$ off for Michael's Nuxt Tips Collection with the following link and code DEJAVUE michaelnthiessen.com/nuxt-tips-collection?aff=plY9z *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. Sound interesting? then tune in!Enjoy the episode!---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue01:38 What is Reactivity in general?03:47 Reactivity in JavaScript?07:45 Reactivity in Vue 109:08 Changes to reactivity in Vue 210:47 Reactivity system and caveats in Vue 215:10 Vue 3 Reactivity with Proxies19:00 No IE11 support20:22 Ref and Reactive in Vue25:12 shallowRef, triggerRef and more28:23 Why not shallowRef by default?31:24 Vue's reactivity system as a standalone package34:21 Vapor Mode40:52 Wrapping Up--Links and Resources▶ DejaVue #E015 with Evan You https://share.transistor.fm/s/6b6bab42▶ Petite Vue Talk youtube.com/watch?v=pjGXIXgT0VE▶ Debugging Guide: Why Your Vue Component Isn't Updating (and how to fix it) michaelnthiessen.com/debugging-guide-why-your-component-isnt-updating▶ Marc Backes - Building a Time Machine with Proxies youtu.be/DkFJfrV5Z5w?si=Ev3ia7PXzBBJeLM-▶ CanIUse Beowser Usage Stats caniuse.com/usage-table ▶ Michael Thiessen on ref vs. reactive michaelnthiessen.com/ref-vs-reactive▶ Alex's shallowRef guide youtu.be/HdDVfiHtWHE▶ Alpine.js https://alpinejs.dev/▶ Reactivue - Vue CAPI in React 👀 github.com/antfu/reactivue▶ Arrow-js arrow-js.com▶ Vapor Mode Repo github.com/vuejs/core-vapor▶ Vapor Mode Playground https://vapor-repl.netlify.app/--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) DejaVue 2024-08-08 | 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!▶ 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE https://conf.vuejs.de/tickets/?voucher=DEJAVUE *▶ 10$ off for Michael's Nuxt Tips Collection with the following link and code DEJAVUE (from Aug 5th on) michaelnthiessen.com/nuxt-tips-collection?aff=plY9z *---Our Guest* Natalia Tepluhina * Twitter - https://x.com/N_Tepluhina * LinkedIn - linkedin.com/in/ntepluhina---Your Host* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00:00 Welcome to DejaVue!00:01:32 When did you start using Vue.js?00:02:42 How could you introduce Vue at work?00:04:43 Joining GitLab00:07:15 Getting into public speaking00:10:05 Memorable moments as a speaker00:16:22 Moving to Amsterdam00:18:22 Being part of the Vue.js Core Team00:20:27 (Not) Documenting Vue Methods00:22:21 $parent in Vue 200:22:59 AI as the new docs?00:25:00 Regular Contributors to the Vue docs00:26:14 Is writing docs is easy?00:31:45 Documenting Vue 3 at release00:34:04 Documentation as a garden00:37:00 Separating Options and Composition API docs00:38:20 Preferring the Options API for huge teams?00:41:49 Inline Composables and other architectural patterns00:45:35 Overusing Watchers00:46:57 People - Share your thoughts and patterns!00:48:39 Vue.js DE Conference00:49:14 Migration from Vue 2 to Vue 300:50:10 How the component library blocks migration00:54:10 Updating Unit tests during migration00:55:16 No CAPI during migration00:57:13 Migration of big old projects00:58:45 Responsibility of library authors01:05:01 Vue 3 Breaking changes01:06:31 Will the migration ever end?01:07:48 Other tips for migrating01:09:19 Migrating without tests01: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 CAPI01: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 Collection01:21:00 Wrapping up--Links and Resources▶ GitLab gitlab.com▶ DejaVue Episode with Vanessa https://share.transistor.fm/s/29e29bc2▶ Options API vs Composition API youtube.com/watch?v=7sBev_SxWGI▶ Organizing Composition API Code youtube.com/watch?v=iKaDFAxzJyw▶ Bootstrap Vue github.com/bootstrap-vue/bootstrap-vue▶ Ilya Klymov github.com/xanf▶ Bootstrap Vue Next github.com/bootstrap-vue-next/bootstrap-vue-next--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E019 - Nuxt Tips You Have to Know DejaVue 2024-08-01 | ▶ 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE https://conf.vuejs.de/tickets/?voucher=DEJAVUE *▶ 10$ off for Michael's Nuxt Tips Collection with the following link and code DEJAVUE (from Aug 5th on) michaelnthiessen.com/nuxt-tips-collection?aff=plY9z *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!---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome To DejaVue01:49 Tip 1 - Disable Nuxt's auto imports03:54 Opinion on Auto Imports08:12 Tip 2 - The .nuxtignore file10:06 Tip 3 - Dedupe data fetching12:04 Tip 4 - Custom keyed composables17:00 Tip 5 - Utilizing Layers21:41 App Config25:50 Why is app.config.ts an extra file?28:34 The different types of Nuxt modules36:24 Why are core modules not part of the core?38:41 Go and write a module!40:54 Upcoming Vue.js conference41:34 More Tips?42:55 Wrapping Up--Links and Resources▶ Anthony's Explicit Import ESLint module github.com/antfu/nuxt-eslint-auto-explicit-import▶ Alex' video about Nuxt Layers youtube.com/watch?v=fr5yo3aVkfA▶ Dave Stewart's Layers Article davestewart.co.uk/blog/nuxt-layers▶ Michael's Mastering Nuxt article about app config vs. runtime config masteringnuxt.com/blog/configuration-in-nuxt-3-runtimeConfig-vs-appConfig/?friend=DEJAVUE *▶ The Nuxt module list nuxt.com/modules▶ Module Authors Guide nuxt.com/docs/guide/going-further/modules--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E018 - Insights from the Nuxt Team Retreat DejaVue 2024-07-25 | 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! ---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue01:04 A real life Nuxt team meeting?02:44 Who was at the meeting?04:11 A cake?05:54 Activities09:37 How DejaVue came to life10:37 Previous Vue Podcasts11:57 Vue.js Australia?12:20 Meetups13:23 Further activities14:46 Nitro breaking changes16:06 Nuxt breaking changes18: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 https://conf.vuejs.de/tickets/?voucher=DEJAVUE▶ E006 - Nuxt Server Components (with Julien Huang) https://share.transistor.fm/s/999ce2bd▶ E013 - The Road to Nuxt 4 (with Daniel Roe) https://share.transistor.fm/s/caa4a6a4▶ E016 - The Future of Vue.js (with Evan You) https://share.transistor.fm/s/afeb8c47▶ Nuxt pending vs. status issue github.com/nuxt/nuxt/issues/25225▶ WIP Code mod github.com/nuxt/nuxt/pull/26862--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E017 - Tiptap and Vue.js (with Vanessa Otto) DejaVue 2024-07-18 | 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!---Our Guest* Vanessa Otto (fka. Vanessa Böhner) * Web - vannsl.io * Twitter - https://x.com/vannsl * Mastodon - https://elk.zone/hachyderm.io/@vanessa_otto * LinkedIn - linkedin.com/in/otto-vanessa---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue00:55 Guest Introduction04:00 About the "Working Draft" podcast09:54 What is Tiptap?12:30 Is Tiptap framework agnostic?15:38 The headless part of Tiptap18:38 Customization as the biggest benefit?23:26 How Tiptap content is serialized and saved25:25 Maturity of Tiptap28:03 Adding own blocks to Tiptap32:01 Tiptap and Vue principles34:42 Did the community around Tiptap grew?36:22 ProseMirror as the base for Tiptap38:50 Tiptap Extensions - Seamless with Vue?42:48 Calling Tiptap extensions46: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 Tiptap51:32 Wrapping Up!--Links and Resources ▶ 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE https://conf.vuejs.de/▶ Working Draft (German) https://workingdraft.de/▶ Vanessa's Research/Comparison Table raw.githubusercontent.com/Vannsl/ijs-london/main/ijs-london-2024-slides/dist/research.png▶ Tiptap https://tiptap.dev/▶ awesome-tiptap github.com/ueberdosis/awesome-tiptap▶ awesome-vue github.com/vuejs/awesome-vue▶ ProseMirror github.com/ProseMirror/prosemirror▶ Vanessa's Example repo with TipTap and OpenAI gitlab.com/Vannsl/nuxt-tiptap-openai--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E016 - The Future of Vue.js (with Evan You) DejaVue 2024-07-11 | 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!---Our Guest* Evan You * Web - evanyou.me * Vue.js - vuejs.org * Vite - https://vitejs.dev/ * Rolldown - https://rolldown.rs/---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chaptermarks:00:00 Welcome to DejaVue!01:06 Do you have any plans for Vue 4?02:47 Ref Unwrapping in objects05:22 Native CSS Scoping, Signals and Browser range07:12 Defaulting to script setup and TypeScript11:12 No prop declaring necessary anymore13:43 Nothing set in stone for Vue 414:50 Vue 3.5 improvements15:50 Internal type improvements16:33 Reactive Props Destructure RFC19:31: useId and useTemplateRef21:00 Do we still need custom directives?22:06 Lazy Hydration22:57 Allowing Hydration mismatches on purpose25:10 Custom Lazy Hydration Triggers26:18 Vue 3.5 Alpha26:56 State of Suspense30:17 Vapor Mode33:44 Performance of Vapor35:31 Volar and the Vue VS Code Extension39:09 Negativity towards Volar40:18 Mobile App Development with Vue42: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 https://conf.vuejs.de/ ▶ Nuxt UI Pro - Get 20% off with code LICHTER until July 14th using the link https://dejavue.fm/nuxt-ui▶ Reactive Props Destructure RFC github.com/vuejs/rfcs/discussions/502▶ Volar github.com/volarjs/volar.js▶ Vue Language Tools - github.com/vuejs/language-tools▶ Nuxt nuxt.com▶ JS Framework Benchmark github.com/krausest/js-framework-benchmark▶ Ecosystem CI (Vue) github.com/vuejs/ecosystem-ci▶ NativeScript nativescript-vue.org▶ TailwindCSS tailwindcss.com▶ Kevin Deng (sxzz) https://x.com/sanxiaozhizi▶ Anthony Fu https://x.com/antfu7▶ Daniel Roe https://x.com/danielcroe--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k--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 #E015 - Ten Years of Vue.js (with Evan You) DejaVue 2024-07-04 | 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!---Our Guest* Evan You * Web - evanyou.me * Vue.js - vuejs.org * Vite - https://vitejs.dev/ * Rolldown - https://rolldown.rs/---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chapter marks:00:00:00 Welcome to DejaVue!00:01:09 How did Vue.js start out?00:04:48 The Initial Version of Vue.js00:13:42 Do new Vue users start without a build step?00:15:02 Vue's expansion to different use cases00:18:14 Is Petite Vue dead?00:21:03 Why Vue 2?00:29:58 How opinionated is Vue?00:35:15 The Transition from Vue 2 to Vue 300:36:32 How did the idea for the Composition API came up?00:38:24 Options API vs Composition API00:44:54 Will the Options API stick around?00:46:10 Overhead of keeping APIs around00:51:13 Considering to disable Options API via a flag?00:53:05 The former class-based API proposal00:58:03 Classes with Vue's reactivity concept00:59:38 Whaat, there is a Part 2?--Links and Resources▶ Meteor.js meteor.com▶ Knockout knockoutjs.com▶ AngularJS angularjs.org▶ Solid solidjs.com▶ Ruby on Rails rubyonrails.org▶ Laravel laravel.com▶ HTMX htmx.org▶ Svelte https://svelte.dev/▶ Nuxt nuxt.com▶ AlpineJS https://alpinejs.dev/▶ Laravel Livewire laravel-livewire.com▶ Inertia inertiajs.com▶ John Resig johnresig.com▶ React https://react.dev/▶ Ember emberjs.com▶ Babel babeljs.io▶ Axios github.com/axios/axios▶ Composition API vs Options API youtube.com/watch?v=7sBev_SxWGI▶ Justin Schroeder https://x.com/jpschroeder▶ TC39 Decorators proposal github.com/tc39/proposal-decorators▶ vue-facing-decorator facing-dev.github.io/vue-facing-decorator--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k
DejaVue #E014 - VueUse and Our Favorite Composables DejaVue 2024-06-26 | 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! ---Your Hosts* Michael Thiessen * Twitter - twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - michaelnthiessen.com* Alexander Lichter * YouTube - @TheAlexLichter * Twitter - twitter.com/TheAlexLichter * Web - lichter.io--Chapter marks:00:00 Welcome to DejaVue00:45 An Introduction to VueUse01:59 How often do you use VueUse?03:50 Using a library or better to DIY?05:38 The Reactivity Layer06:43 Docs, Demos and Source Code09:52 Composable 1 - useEventListener13:10 Composable 2 and 3 - useDebounceFn & useThrottleFn17:46 Composable 4 - useLocalStorage24:00 Composable 5 - useMagicKeys29:04 Util 6 - makeDestructurable33:18 Wrapping up around VueUse34:43 Nuxt Tips Collection35:33 SPOILER!!!--Links and Resources▶ Nuxt Tips Collection michaelnthiessen.com/nuxt-tips-collection▶ Mastering Nuxt* vuebundle.com/?friend=DEJAVUE▶ VueUse vueuse.org▶ VueDemi github.com/vueuse/vue-demi▶ Slidev https://sli.dev/▶ is-even package npmjs.com/package/is-even▶ is-odd package npmjs.com/package/is-odd▶ Composable 1 - useEventListener vueuse.org/core/useEventListener▶ Composable 2 - useDebounceFn vueuse.org/shared/useDebounceFn▶ Composable 3 - useThrottleFn vueuse.org/shared/useThrottleFn▶ Debounce Vs Throttle kettanaito.com/blog/debounce-vs-throttle▶ Composable 4 - useLocalStorage vueuse.org/core/useLocalStorage▶ Localstorage example from Alex' Website - github.com/manniL/lichter.io/blob/754e1ff233c6d1e148d9d47779f1b06f38ebb560/app.vue#L113▶ Composable 5 - useMagicKeys vueuse.org/core/useMagicKeys▶ Util 6 - makeDestructurable vueuse.org/shared/makeDestructurable▶ Bonus - createReusableTemplate vueuse.org/core/createReusableTemplate--Follow DejaVue on▶ The Web: https://dejavue.fm/▶ Twitter: twitter.com/dejavuefm▶ Apple Podcast: podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube: youtube.com/@DejaVueFm▶ Spotify: open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer: deezer.com/show/1000792252▶ Amazon Music: music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts: https://pca.st/49qr8d1k---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.
