Views on Vue

Steve talks with Adam Jahr of Vue Mastery about online Vue training. They talk about the history of Vue Mastery, how it is structured, and the details of what goes into making the fantastic, professional-looking videos they create. The Magic Of Vue Mastery with Adam Jahr - VUE 205 | YouTube Video Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links VoV 108: Inside Vue 3 with Gregg Pollack Vue Mastery Vue Mastery Courses Twitter: @AdamJahr Twitter: @VueMastery Picks Adam - The White Lotus | Official Website for the HBO Series | HBO.com Adam - VueFire

Steve sits down with guest host Drew Baker to talk about their experiences and tips about getting hired as a web developer these days. Steve covers his experiences both as a job seeker and the person doing the hiring and along with Drew, tells some great - and not-so-great stories about job hunting from both sides. Along the way, they provide some (hopefully) helpful tips on job hunting, such as how to write cover letters and resumes, and what employers are looking for as you go through the hiring process. Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Twitter: @drewrbaker_ Funkhaus.us Picks Drew - State of CSS 2022 Steve - Front end developer and back-end developer | #Corporate #software #meme

  Get the Black Friday/Cyber Monday "Focus Blocks Bundle" Deal Coupon Code: "THRIVE" for a GIANT discount   Are you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back?  Or, maybe you're a freelancer or entrepreneur who is trying to figure out how to deliver more value to gain or retain customers?  Mani Vaya joins Charles Max Wood to discuss the one thing that both of them use to more than double their productivity on a daily basis.  Mani has read 1,000's of productivity books over the last several years and has formulated a methodology for getting more done, but found that he lacked the discipline to follow through on his plans.  The he found the one thing that kept him on track and made him so productive that he is now getting all of his work done and was able to live the life he wants.  Chuck also weighs in on how Mani's technique has worked for him and allows him to spend more time with his wife and kids, run a podcast network, and a nearly full time contract.  Join the episode to learn how Chuck and Mani get into a regular flow state with their work and consistently deliver at work. 

Steve and special returning guest host Erik Hanchett sit down with John Leider of VuetifyJS to talk about the recent 3.0 release of Vuetify.  They discuss the conversion from Vue 2 to Vue 3, the people behind Vuetify, and some of the ways Vue 3 makes things easier in Vuetify.  Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Vuetify 3.0 docs VoV Episode 110 VoV Episode 156 VoV Episode 183 with Erik Hanchett Twitter: @zeroskillz Picks Erik - Amplify UI - Build UI fast with Amplify on React John - Figma: the collaborative interface design tool.

Today, Steve talks with Lane Wagner, creator of boot.dev, and online programming school. After getting distracted by the fact that Lane's first name reminds Steve of "Better Off Dead", they discuss how the concept of functional programming is or isn't actually used in the composition API in Vue 3, along with the awesomeness of Vite and Lane's experience in upgrading from Vue 2 to Vue 3. Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Twitter: @wagslane Lane's Blog Picks Lane - boot.dev Lane- Better Call Saul (TV Series 2015-2022) - IMDb Lane- esbuild - An extremely fast JavaScript bundler Steve- Is Turbopack really 10x Faster than Vite? · Discussion #8 · yyx990803/vite-vs-next-turbo-hmr

When writing a Vue application, debugging is a very effective tool for figuring out the cause of a problem. Steve talks with Cecelia Martinez about her recent talk at Vue Conf about all of the various tools that are available to help debug javascript applications and some Vue-specific options.Sponsors Your Ultimate Resume and Cover Letter | Top End Devs Bookclub | Top End Devs Top End Devs Membership Links How to debug Vue Apps - YouTube Resources & Examples npm-link Debugging Vue Applications Twitter: @ceceliacreates Picks Cecelia - Centered - Your work, done. Cecelia - Party Corgi Rubber Ducks, Stickers, & More! · Learn With Jason Store

David Neal is a web developer who started to learn to draw as a way to liven up his conference talks. Along the way, his drawing skills and reach have grown, and he uses those skills in multiple avenues. David talks about his history in tech and drawing, how he learned, and how it has become an effective rule for him. He and Steve discuss their love of dad jokes and David's love of bacon, and how he lost weight eating nothing but bacon. Sponsors Top End Devs Coaching | Top End Devs Links The Illustrated Book of Dad Jokes Show and Tell ReverantGeek Twitter: @reverentgeek Picks David- The Sketchnote Handbook - Rohdesign David- Thick Cut Bacon the Wright Way | Wright® Brand Bacon David - Benton's Bacon

Along with returning guest host Luke Diebold, Steve talks with Laravel framework creator Taylor Otwell, They cover the history of Laravel, the Laravel ecosystem, how and why Taylor chose to integrate it with Vue, how Laravel and Vue are now used and distributed as part of Jetstream and InertiaJS, and even how Laravel got its name.  Along the way, they cover topics such as Narnia, Star Trek, and end with great dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links GitHub: taylorotwell Twitter: @taylorotwell Picks Luke- Building REST APIs with Laravel Orion Steve- We rebuilt our entire application Taylor- Star Trek: Lower Decks (Official Site) Watch on Paramount Plus

In this episode, Steve sits down with Silvan Mühlemann and talks about his history with Vue. They cover a couple blog posts of Silvan's where he uses Vue to generate various PDF types, and then talk about his development history and how he and his company got into Vue. They with Silvan's picks of some great AI tools, and of course, Steve's fantastic dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links Silvan Mühlemann Mühlemann&Popp - digital business models Events - tilllate.al How VueJS can replace Photoshop (sort of) How to generate beautiful-looking PDFs in Single Page Applications Picks Silvan- GitHub - CompVis/stable-diffusion: A latent text-to-image diffusion model Silvan- Introducing Whisper Steve - Dad Jokes

Today we talk with Denise Gürsoy, a full stack developer from the Netherlands, currently working as a GO developer. We discuss his Medium article about implementing alternate methods of calling APIs in Vue.js. Sponsors Top End Devs Coaching | Top End Devs Links API calls in Vue.js GitHub: denizgursoy Deniz GÜRSOY  Picks Charles- Irish Gauge Charles- JavaScript Remote Conference 2022 Charles - How to Stay Current Course (coming soon) Charles - Book Club for developer books (coming soon) Charles - Coaching | Top End Devs  Charles- I Am Not A Serial Killer (John Cleaver, 1) Charles- The Lord of the Rings: The Rings of Power - Season 1 Deniz- Ocean's Twelve (2004) - IMDb

Steve sits down with Vue developer Shashikant S. Wagh to talk about his Vue Sortable Table. They discuss the various config options and the main selling point that allows the user to re-order items in the table via drag and drop. Shashikant makes a very old-school book pick, and as always, Steve has his great dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links Introducing Vue Sortable Table GitHub - shashikant-wagh/vue-sortable-table GitHub - SortableJS/Sortable LinkedIn: Shashikant (Shashi) Wagh GitHub: shashikant-wagh Picks Shashikant- The Republic Steve- QR codes | Dan Hollick

Today we talk with Fred Schott, the co-creator of Astro. Being involved with open source web development for a decade, and working on several teams at Google, including Chrome and Polymer, he is now one of the biggest promoters of Astro. We talk about how Astro, as a static site generator, helps to solve the over-use of javascript on the client side.In this episode... Origin story of Astro Component structure Routing Integration vs. UI frameworks Astro with e-commerce sites Server-side rendering capability Sponsors Top End Devs Coaching | Top End Devs Links The Great Divide | CSS-Tricks Astro | Build faster websites Twitter: @FredKSchott Astro Lounge | Discord Picks Fred- Svelte Summit Fall 2022: The first in-person Svelte only conference Steve- MV7 Steve - Dad Jokes Steve- Day of the Year Dad Jokes (@789dadjokes) * Instagram photos and videos Steve- ViteConf

Valeri Karpov, maintainer of the popular Mongoose library for Nodejs, visits the show again to talk about a new Vue 3 feature of provide/inject and how it's much better than props, how he uses Vue templates inside Node, tests template output with the cheerio library, and then how he uses plain js, html, and css files for email templates. As always, they end with picks, including a discussion of the The Hobbit and the Lord of the Rings books, and movies, and as always, Steve tops it off with his amazing dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links Using Provide and Inject in Vue.js Provide / Inject | Vue.js Reactivity in Vue 3 Use HTML Files as Vue Templates with Webpack cheerio GitHub: vkarpov15 Twitter: @code_barbarian Picks Val- Dreadgod (Cradle Book 11) Steve- The Hobbit (TV Movie 1977) - IMDb

Today we talk with the director of engineering, Jeremy Tomlinson, and communication specialist, Rich Kurtzman, from fathym.  Described as an “innovation acceleration engine,”  we discuss how fathym provides the building tools which allow jr. and sr. engineers alike contribute to development.  The platform allows use of your own code, low code, or leveraging fathym's no code build tools. Sponsors Top End Devs Coaching | Top End Devs Links How to Deploy Vue.js Sites on Fathym Modular frontends are fantastically functional fathym 4 JavaScript frameworks you should know in 2022 How to Build a Headless WordPress with Vue.js How to use Netlify CMS and host with Fathym Twitter: @FathymIt  Instagram: @fathymit Picks Jeremy- Star Trek: Strange New Worlds (Official Site) Watch on Paramount+ Rich- The Sopranos Rich- Star Trek: Discovery (Official Site) Watch on Paramount+ Rich- Watch The Mandalorian | Full episodes | Disney+ Rich - Dad Joke Steve- Overview - Nuxt 3 Essentials | Vue Mastery Steve - Dad Jokes

In today's episode, we talk with special guest Sanchitha SR about her article titled How to Communicate between Components in Vue.js.  We cover the five ways that we can send data from one component to another:  Using Props Using Events Using Event Bus Using provide/inject Using this.$refs Sponsors Top End Devs Coaching | Top End Devs Links Building a Global State Management Library with Andrew Courtice - VUE 171 How to Communicate between Components in Vue.js 7 Component Communications in Vue 3 GitHub - developit/mitt: Twitter: @SrSanchitha Sanchitha SR - Medium LinkedIn: Sanchitha SR Picks Sanchitha - Watch Flavors of Youth: International Version | Netflix Official Site Sanchitha - Normal People Sanchitha - Conversations with Friends Steve- Dad Jokes

Today Steve talks with Val Karpov, the lead maintainer of Mongoose, the most used database framework on NPM.  Val gives a brief history of Promises and Async/Await, talks about how they work.  We learn the reasoning behind the new functionality, and how it works in VUE.  Be sure to check out Vals book and his blog articles on The Code Barbarian and Mastering JS. Sponsors Top End Devs Coaching | Top End Devs Links Mongoose Mastering Async/Await v1.1.0 The Code Barbarian | www.thecodebarbarian.com Mastering JS The Far Side Comic Strip by Gary Larson - Official Website | TheFarSide.com GitHub: vkarpov15 - Overview GitHub - vkarpov15/simple-promise: Simplified implementation of promises for learning purposes Overview - Nuxt 3 Essentials | Vue Mastery Picks Steve- Calvin & Hobbes Search Engine - by Bing Steve - Dad Jokes Val- Drink LMNT | Paleo-Keto Friendly Hydration | Zero Sugar Electrolytes Val- Watch Alexa & Katie | Netflix Official Site

Steve talks with Milad Dehghan, a Vue developer for Trengo in The Netherlands, to talk about his blog post on creating a VueJS component library. They start with the basic definitions of component libraries (aka design systems) and atomic design principles and then dive into the specifics of how he does it in VueJS They also get into short discussion on Astro, and Steve makes Milad laugh hysterically with his amazing dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links Create a Vue.js Component library without losing your mind Trengo | Customer service software Atomic Design by Brad Frost Twitter: @milad_d3 miladd3 - Overview

Today Steve talks with Alex Vipond, a front end engineer at Better Help, about the many ways to reuse code and make it cleaner in Vue 2 and Vue 3.  We discus Vue Directives, Vue Mixins, Renderless Components, and Composables, and talk about the benefits of using them.  Be sure to also catch his book on the topic which will be re-released soon with a major update. Sponsors Top End Devs Coaching | Top End Devs Links Organizing Code by Logical Concern in Vue 3 by Alex Vipond - YouTube Baleada BetterHelp | Professional Therapy With A Licensed Therapist Composables | Vue.js VueUse Twitter: @AlPalVipond Picks Alex- Watch Bo Burnham: Inside | Netflix Official Site Alex - Vue and Vite updates coming soon! Steve - Dad Jokes Steve- Vue Mastery

 Daniel Roe joins us today to talk through the new Nuxt 3 features.  We talk about his journey to be come one of the core contributors on the Framework team at Nuxt Labs.  He gives us insight on a typical day, and the process of tackling tasks for the week.  We discuss the contributions to RFC's on GitHub, Incremental Static (Re)generation, and his experience at Vue Amsterdam. Sponsors Top End Devs Coaching | Top End Devs Links JSJ 408: Reading Source Code with Carl Mungazi Vue Language Features (Volar) - Visual Studio Marketplace Preview.js asciinema - Record and share your terminal sessions, the simple way NuxtLabs: Intuitive Web Development Histoire - Vue.js Amsterdam Discussions · nuxt/framework London Alley - London Alley Twitter: ‎@danielcroe Daniel Roe LinkedIn: Daniel Roe Picks Daniel - Thought Controls Room Fragrance Steve - Dad Jokes

 Daniel Roe joins us today to talk through the new Nuxt 3 features.  We talk about his journey to be come one of the core contributors on the Framework team at Nuxt Labs.  He gives us insight on a typical day, and the process of tackling tasks for the week.  We discuss the contributions to RFC's on GitHub, Incremental Static (Re)generation, and his experience at Vue Amsterdam. Sponsors Top End Devs Coaching | Top End Devs Links JSJ 408: Reading Source Code with Carl Mungazi Vue Language Features (Volar) - Visual Studio Marketplace Preview.js asciinema - Record and share your terminal sessions, the simple way NuxtLabs: Intuitive Web Development Histoire - Vue.js Amsterdam Discussions · nuxt/framework London Alley - London Alley Twitter: ‎@danielcroe Daniel Roe LinkedIn: Daniel Roe Picks Daniel - Thought Controls Room Fragrance Steve - Dad Jokes

In this episode we have special guest Cody Bontecou, a senior full-stack engineer at Dept in Amsterdam.  Working remotely from Hawaii, he enjoys primarily writing in VUE 3, but is using VUE 2 for his current projects.  The primary focus of today's discussion is to discuss his blog article Convert a React Component to Vue.js.  We talk through his experience converting a timeline component, and in doing so compare the differences between React and a VUE.   Sponsors Top End Devs Coaching | Top End Devs Links Convert a ReactJS Component to VueJS For fast and secure sites | Jamstack codybontecou.com Twitter: @CodyBontecou Twitter: @wonder95 Picks* Cody- Outliers: Why Some People Succeed and Some Don't* Steve - Dad Jokes

In this episode we have special guest Cody Bontecou, a senior full-stack engineer at Dept in Amsterdam. Working remotely from Hawaii, he enjoys primarily writing in VUE 3, but is using VUE 2 for his current projects. The primary focus of today's discussion is to discuss his blog article Convert a React Component to Vue.js. We talk through his experience converting a timeline component, and in doing so compare the differences between React and a VUE. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Convert a ReactJS Component to VueJS (https://codybontecou.com/convert-reactjs-component-to-vuejs.html) For fast and secure sites | Jamstack (https://jamstack.org/) codybontecou.com (https://codybontecou.com/) Twitter: @CodyBontecou (https://twitter.com/CodyBontecou) Twitter: @wonder95 (https://twitter.com/wonder95) Picks Cody- Outliers: Why Some People Succeed and Some Don't (https://www.youtube.com/watch?v=EcMKLwVlpJk) Steve - Dad Jokes Special Guest: Cody Bontecou.

This week Steve and first-time host Drew Baker talk with Daniel Roe about the new features of Nuxt 3 which has just been released in Beta. We dive into discussions on topics such as the new page-routing syntax, the nitro server, unstorage, zero-config, svg's, and composables. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Server Engine (https://nuxtjs.org/support/) Picks Daniel - Raycast (https://www.raycast.com/) Daniel - Thought Controls Room Fragrance Drew - Nuxt Enterprise Support (https://nuxtjs.org/support/) Steve - Dad Jokes Special Guest: Daniel Roe.

In today's episode we talk with Drew Baker, the technical director at Funkhaus, a digital agency specializing in web development, branding, identity and full content programming. This engineering team of six people work mostly in Vue, and with a Webby award for their work on Songs from Scratch, we gain a lot of background, tips and lessons learned from their work. He gives us insights to what Nuxt is compared to VUE, and what features makes it his tool of choice. We also look forward to what is coming next with the release of Nuxt 3 and that that means for the VUE coders. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Funkhaus (https://funkhaus.us/) Songs from Scratch (https://songsfromscrat.ch/) Heroku Forces User Password Resets Following GitHub OAuth Token Theft (https://thehackernews.com/2022/05/heroku-forces-user-password-resets.html) GitHub: Funkhaus (https://github.com/funkhaus) Picks Drew - Max Howell's tea (https://tea.xyz/) Drew - Max Howell's Article (https://news.ycombinator.com/item?id=15713801) Steve- Max Howell's Tweet (https://twitter.com/mxcl/status/608682016205344768?lang=en) Special Guest: Drew Baker.

In this episode, we talk with special guest Samuel Adewole. He is a front end engineer at Jagaad in Italy, working in design & development of cloud-based applications, mobile apps and scalable products. We discuss his work with building re-usable components with Vue 3. He walks through step by step, giving insight to the process and pieces of his work. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Jagaad (https://jagaad.com) JavaScript in Plain English (https://javascript.plainenglish.io) Mouvi (https://mouvi.netlify.app) Samador (https://samador-dev.netlify.app/) Samuel on Twitter (https://twitter.com/samador9) Samuel on LinkedIn (https://www.linkedin.com/in/samador9/) Samuel on Medium (https://samador9.medium.com) Samuel on GitHub (https://github.com/sadewole) Picks Samuel - Lupin on NetFlix (https://www.netflix.com/title/80994082) Special Guest: Samuel Adewole.

Erik Hanchett is a prominent voice in the VueJs community with his popular Program With Erik YouTube channel, courses, and other resources. Erik now works as a developer at Amazon Web Servies, so today Erik talks about how Vue is used at AWS in the Amplify UI tools. He goes over what Amplify is, how it helps developers easily create and configure AWS resources for their websites, and the Amplify UI components he works on that developers can use to create their front end and talk to the back end. As always, Steve brings the great dad jokes, and they discuss some new TV shows that they like. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Amplify docs (https://docs.amplify.aws/) Amplify UI docs (https://ui.docs.amplify.aws/) GitHub - vueuse/vue-dem (https://github.com/vueuse/vue-demi) Amplify on Github (https://github.com/aws-amplify) GitHub - aws-amplify/amplify-ui (https://github.com/aws-amplify/amplify-ui) Picks Erik- Outer Range (TV Series 2022– ) - IMDb (https://www.imdb.com/title/tt11685912/) Special Guest: Erik Hanchett.

Steve talks with Anomal Soman about Keycloak, an open source tool for handling authentication and authorization in web apps. They discuss the various installation and environment options for running Keycloak, how to set it up and configure it, the various options in setting up users and roles, and how to easily integrate it with Nuxt. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links How To Integrate Keycloak in NuxtJs (https://medium.com/js-dojo/how-to-integrate-keycloak-in-vuejs-nuxtjs-557cc4bcef41) Step by Step Guide to Setup Keycloak on Local Machine (https://medium.com/weekly-webtips/step-by-step-guide-to-setup-keycloak-on-local-machine-5abe8c89566) Keycloak (https://www.keycloak.org) Vue Gates (https://williamcruzme.github.io/vue-gates/#/installation/quickstart) Special Guest: Anamol Soman.

Lindsay and Steve get to talk with Matias Capaletto (also known as Patak) about the explosive growth of the Vite ecosystem. They talk about how he got into Vite, and the work that's gone into making it such a compelling ecosystem for a number of frameworks. They also discuss the origins of Vitest, the first-class test runner for Vite, and Matias' recent hire by Stackblitz to work full time on Vite. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links The Vite Ecosystem | patak (https://patak.dev/vite/ecosystem.html) Views on Vue Episode 173: Diving into StackBlitz with Eric Simons - VUE 155 (https://viewsonvue.com/173) Views on Vue: Islands Architecture in Vue with Máximo Mussini - VUE 170 (https://viewsonvue.com/islands-architecture-in-vue-with-m-ximo-mussini-vue-170) GitHub: vitejs/awesome-vite (https://github.com/vitejs/awesome-vite) GitHub: originjs/webpack-to-vite (https://github.com/originjs/webpack-to-vite) Vitest Dev (https://stackblitz.com/edit/vitest-dev-vitest-otn6s3?initialPath=__vitest__) Vitest (https://vitest.dev/) Introducing WebContainers: Run Node.js natively in your browser (https://blog.stackblitz.com/posts/introducing-webcontainers/) GitHub: patak ( patak-dev ) (https://github.com/patak-dev) Picks Lindsay- GitHub: lindsaykwardell/vite-elm-template (https://github.com/lindsaykwardell/vite-elm-template) Lindsay- Particles CSS (https://particlescss.com/) Lindsay- NoRedInk – Funding the Roc Programming Language (https://blog.noredink.com/post/676230051771138048/funding-the-roc-programming-language) Matias- Faker | Faker (https://fakerjs.dev/) Special Guest: Matias Capeletto.

Lindsay and Steve talk with Subha Chanda, freelance developer, about a number of topics related to building and managing your own sites. They discuss Subha's work as a writer, and his work writing for LogRocket (and others), focusing on his article on using ImageKit and Vue. They also discuss the current state of using Nuxt, integrating with a CMS, and what tools Subha reaches for when doing freelance work. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Nemotivity (https://www.nemotivity.dev/) Image branding with ImageKit and Vue.js - LogRocket Blog (https://blog.logrocket.com/image-branding-imagekit-vuejs/) Global Image CDN with Real-time Image Optimization (https://imagekit.io/) Headless CMS and Content API (https://buttercms.com/) vsinder - Visual Studio Marketplace (https://marketplace.visualstudio.com/items?itemName=benawad.vsinder) Picks Lindsay- Twitter: Introducing Wordle Wars! Multiplayer #Wordle (https://twitter.com/ctnicholasdev/status/1493557703892996102?s=20&t=_ifZ8O9IDPyV9rtYo1tDeQ) Steve- passWORDLE (https://rsk0315.github.io/playground/passwordle.html) Subha- WORLDLE (https://worldle.teuteuf.fr/) Special Guest: Subha Chanda.

Lindsay and Steve talk with Alvaro Saburido about TroisJS, the ThreeJS wrapper for Vue. They talk about Alvaro's work with Vue at work and creating public content, and then dive into what Three.js is, what it does, and why it's so exciting. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Going 3D with Trois.js and Vue 3 (https://vuedose.tips/going-3d-with-trois-js-and-vue-3) Añade 3D a tu aplicación de Vue con Trois.js - YouTube (https://www.youtube.com/watch?v=-UC3C2DqMEM) Going 3D with Trois.js (Three.js + Vite) - YouTube (https://www.youtube.com/watch?v=yMYjb5O45hI) VueDose (https://vuedose.tips/) Installation | TroisJS (https://troisjs.github.io/guide/install.html#example) Bruno-Simon (https://bruno-simon.com/) Github: Alvaro Saburido ( alvarosabu ) (https://github.com/alvarosabu) Picks Alvaro- Jakub Andrzejewski - DEV Community (https://dev.to/theandrewsky) Alvaro- Nuxt3 Modules - YouTube (https://www.youtube.com/watch?v=ASbWjXXiV-0) Lindsay- Introduction | Vue.js (https://vuejs.org/guide/introduction.html) Steve- Coming Into Vue: What's Next in Vue 3 (https://dev.to/lindsaykwardell/coming-into-vue-whats-next-in-vue-3-17fj) Steve- Element 26 - Weight Belts, Knee Sleeves, Hand Grips, and Athletic Gear (https://element26.co/) Special Guest: Alvaro Saburido.

Steve talks with Alex Jover, a developer relations with Storyblok, and the owner of Vue Dose. They cover his history in programming, starting with Backbone.js and jQuery, and how he got into Vue, and also his history of involvement in the Vue community as a Vue Community member,Google GDE, which all lead to his current position at Storyblok. And as always, Steve wraps up the episode with his favorite dad jokes. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Vuedose.tips (https://vuedose.tips/) Testing Vuejs components with Jest (https://leanpub.com/testingvuejscomponentswithjest) GitHub - alexjoverm/v-lazy-image (https://github.com/alexjoverm/v-lazy-image) GitHub - prettier/tslint-config-prettier (https://github.com/prettier/tslint-config-prettier) Experts | Google Developers (https://developers.google.com/community/experts) Understanding the Visual Editor - Storyblok (https://www.storyblok.com/docs/guide/essentials/visual-editor) Picks Steve- North Korea Hacked Him. So He Took Down Its Internet (https://www.wired.com/story/north-korea-hacker-internet-outage/) Special Guest: Alex Jover .

Steve and Josh discuss Josh's blog post that compares and contrasts Svelte, Vue, and React. They also talk about Josh's new game Quina, which is a Wordle clone with a few twists and is built with Nuxt. Josh also displays the influence of Steve's dad joke juggernaut by bringing his own dad jokes for picks. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Introducing Svelte, and Comparing Svelte with React and Vue (https://joshcollinsworth.com/blog/introducing-svelte-comparing-with-react-vue) Josh Collinsworth (https://joshcollinsworth.com/blog) Josh Collinsworth - writing and speaking (https://joshcollinsworth.com/writing-and-speaking) Quina (https://quina.app/) Picks Josh- SvelteKit (https://kit.svelte.dev/) Josh- The Third Web (https://tante.cc/2021/12/17/the-third-web/) Josh- Material Kitchen coated pan (https://materialkitchen.com/products/the-coated-pan) Steve- Nuxt Image (https://image.nuxtjs.org/components/nuxt-img/) Steve- GitHub - GoogleChromeLabs/bubblewrap (https://github.com/GoogleChromeLabs/bubblewrap) Steve- Hebrew wordle (https://wordleheb.web.app/) Special Guest: Josh Collinsworth .

Lindsay and Steve talk with Markus about his project, “Writing Good Tests for Vue Applications.” They discuss how Markus got into programming with PHP, and then later moved into Vue development, as well as how he got into testing. Markus explains how testing “clicked” for him, and that he felt there weren't enough good resources on writing Vue tests. They then dive into testing with Vue, including component testing, integration testing, and some key concepts for how to write tests. Notes: verschlimmbessert Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Tests that don't suck (https://vueteststhatdontsuck.substack.com/) Decoupling Component Tests From Implementation Details with Preconditions (https://markus.oberlehner.net/blog/decoupling-component-tests-from-implementation-details-with-preconditions/) Manual testing, E2E testing, unit testing – how to decide which testing strategy to use? (https://markus.oberlehner.net/blog/manual-testing-e2e-testing-unit-testing-how-to-decide-which-testing-strategy-to-use/) Decoupling Vue components from side effects, the overengineered way - YouTube (https://www.youtube.com/watch?v=ntsi4X4ROyg) GitHub - maoberlehner/article-testing-dsl (https://github.com/maoberlehner/article-testing-dsl) Vitest (https://vitest.dev/) Picks Lindsay- showmy.chat (https://showmy.chat/) Lindsay- Reusable Components - Michael Thiessen (https://michaelnthiessen.com/reusable-components) Lindsay- Views on Vue Episode 128: VUE 128: Templates to Scoped Slots - Reusable Components with Michael Thiessen (https://viewsonvue.com/128) Markus- Vanilla tea with creamer Steve- r/DadJokes - the best Dad Jokes on reddit (https://www.reddit.com/r/dadjokes/) Steve- Daily Dad Jokes | Podcast on Spotify (https://open.spotify.com/show/5p6BldcdtSApPMyjMlBoLr) Special Guest: Markus Oberlehner .

2022 is here to stay, but do you know what tech will? In this episode, Lindsay and Steve run through their top tech choices for this upcoming year. They agree on why Vite is here to stay, Lindsay's favorite Vite features that'll change the game, and tech that you NEED to watch closely this year. “I think Vite is gonna take over. I think it's how programmers are gonna want to code on the front end.” - Lindsay In This Episode: Why Lindsay and Steve believe that Vite will be around for YEARS to come Lindsay's favorite Vite features that streamline the coding process and keep programmers programming Want to know THE tech to make waves in 2022? Listen in for Lindsay's and Steve's exhaustive lists How to integrate older web components into these emerging frameworks efficiently Links Mentioned: https://vitest.dev https://remix.run https://intercoolerjs.org/ https://shoelace.style https://www.thisdot.co/blog/building-web-components-with-vue-3-2 https://copilot.github.com/ Lindsay's Picks: https://gitpod.io Steve's Picks: Everything I googled in a week as a professional software engineer - localghost BUDWEISER JERSEY GUYS "How You Doin'?" - YouTube How you doin' - YouTube Connect with Lindsay and Steve! https://twitter.com/lindsaykwardell https://twitter.com/wonder95

Lindsay talks with John Lim about Progressive Web Apps - what they are, and how to utilize them in a Vue application. They talk about John's work in the construction industry with Vue, and how he started working with Vue applications and writing articles at Vue Mastery. They then dive into PWAs, how best to implement one, and what drawbacks exist in the ecosystem today. They also discuss using Firebase with PWAs for real-time features like notifications. Panel LIndsay Wardell Guest John Lim

Get Lifetime Access to Mani's Entrepreneurship Pack and Book Club. Use coupon code "GREAT" Mani has summarized hundreds of business books that outline how to build, grow, and operate a business and he shares his expertise with Chuck and the listeners in this special episode. Chuck and Mani discuss what it takes to be a successful entrepreneur. They talk about their businesses on a regular basis and Chuck's been getting a lot of requests for entrepreneurship help. He and Mani talk about the 3 primary things that add momentum to your business and help you keep the momentum up when setbacks come your way. Get Lifetime Access to Mani's Entrepreneurship Pack and Book Club. Use coupon code "GREAT" Special Guest: Mani Vaya.

Steve talks to David Chuka, a developer from Nigeria, about his recent blog post for Vue Mastery that covers the new features that are currently available in the beta version of Nuxt 3 that was recently released. In addition, David brings the dad jokes to add to Steve's amazing dad joke repertiore, and they talk about a great place to get web animations for those that need them. Panel Steve Edwards Guest David Chuka Sponsors Top End DevsCoaching | Top End Devs Links Nuxt 3 is here! What does that mean for you? | Vue Masteryframework/packages/kit at main · nuxt/framework · GitHubLinkedIn: David (Chuka) NwadiogbuGitHub: David Chuka ( ChuckD30 )Twitter: DC. ( @CNwadiogbu ) Picks David- LottiePlayer Vue Component - npmDavid- LottieFilesSteve- Orion Browser by Kagi Special Guest: David Chuka.

Lindsay and Luke discuss their recent projects to build new NPM packages, and the approaches that they use. Luke dives into building authentication composables for Laravel, Firebase, and others, while Lindsay explores the Elm programming language and how to build interoperability with Vue. They also discuss which tools they're building, what their process looks like, and how to test a library in 2021. Panel Lindsay WardellLuke Diebold Sponsors Top End DevsCoaching | Top End Devs Links VuePressIntroduction | Cypress Documentation Picks Lindsay- From Rails to Elm and Haskell - Richard Feldman - YouTubeLindsay- Persepolis Rising, by James S.A. Corey | The StoryGraphLuke- Anthony Fu

  Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discount Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time. He has read hundreds of books that have taught him the secrets to getting more done by getting into this state. He starts by telling us how he was passed over for a promotion at Qualcomm in favor of someone younger and less experienced and how that inspired him to figure out what the other guy was doing differently. He learned that he needed to get more done with the time he was spending on his projects. The trick? Deep Work! Deep Work is the ability to spend uninterrupted, focused time on a task to bend your entire mind toward the goal. Other developers call it "Flow" or "the Zone." Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time. Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discount

Lindsay and Steve sit down with Andrew Courtice, head of front-end engineering at Fathom, do discuss his global state management library Harlem. They talk about how Andrew got started in programming during university, and his move from building desktop applications to the web, as well as his initial start with Vue before it reached 1.0. They then discuss Harlem: what it is, how it works, and what problems it solves. They also discuss the state of global state management in the Vue ecosystem, and how to get started building your own library for Vue (including devtool integration!) Panel Lindsay WardellSteve Edwards Guest Andrew Courtice Sponsors Top End DevsCoaching | Top End Devs Links HarlemFathomGitHub | developit/microbundleGitHub: Andrew Courtice ( andrewcourtice )Twitter: Andrew Courtice ( @AndrewCourtice ) Picks Andrew- Raycast Lindsay- Timberborn on SteamLindsay- Download Microsoft Edge Web Browser | MicrosoftLindsay- React PodcastSteve- Random Phrase Generator Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve Edwards Special Guest: Andrew Courtice.

Lindsay and Steve talk with Máximo Mussini, avid Vite user and plugin creator, about his recent work on Îles, a new static site generation framework built on Vite and Vue. They discuss Máximo's journey into web development, and his work on the plugin ecosystem in Vite (such as Vite Ruby). They then dive into Îles: what it is, what problems it solves, and what it compares with. They also discuss the concept of “Islands Architecture” that was popularized by tools like Astro. Panel Lindsay WardellSteve Edwards Guest Máximo Mussini Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tv Links îlesIslands ArchitectureMáximo MussiniTwitter: Máximo Mussini ( @MaximoMussini ) Picks Lindsay- The Expanse (9 book series)Lindsay- Babylon's Ashes, by James S.A. Corey | The StoryGraphLindsay- elm-css 17.0.1Máximo- GitHub - antfu/unocss: The instant on-demand atomic CSS engine Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve Edwards Special Guest: Máximo Mussini.