Vue is a growing front-end framework for web developments. Hear experts cover technologies and movements within the Vue community by talking to members of the open source and development community.
Communicating Between Vue Components With Sanchitha SR - VUE 192
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
Promises and Async/Await with Val Karpov - VUE 191
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
Creating a Vue Component Library Without Losing Your Mind - VUE 190
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
Reusability in Vue with Alex Vipond - VUE 189
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
Nuxt 3 Newa Features and the Nuxt 3 Community with Daniel Roe - VUE 188
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
New Nuxt 3 Features and the Nuxt 3 Community with Daniel Roe - VUE 188
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
React vs. VUE with Cody Bontecou - VUE 187
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
Daniel Roe and the New Features of Nuxt 3 Beta - VUE 186
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 Coaching | Top End Devs Links Server Engine Picks Daniel - Raycast Daniel - Thought Controls Room Fragrance Drew - Nuxt Enterprise Support Steve - Dad Jokes Special Guest: Daniel Roe.Sponsored By: Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.
Nuxt with Drew Baker from Funkhaus - VUE 185
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 Coaching | Top End Devs Links Funkhaus Songs from Scratch Heroku Forces User Password Resets Following GitHub OAuth Token Theft GitHub: Funkhaus Picks Drew - Max Howell’s tea Drew - Max Howell's Article Steve- Max Howell's Tweet Special Guest: Drew Baker.Sponsored By: Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.
Reusable Components with Vue 3 - VUE 184
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 Coaching | Top End Devs Links Jagaad JavaScript in Plain English Mouvi Samador Samuel on Twitter Samuel on LinkedIn Samuel on Medium Samuel on GitHub Picks Samuel - Lupin on NetFlix Special Guest: Samuel Adewole.Sponsored By: Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.
Vue at AWS with Erik Hanchett - VUE 183
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 Services, 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 Coaching | Top End Devs Links Amplify docs Amplify UI docs GitHub - vueuse/vue-dem Amplify on Github GitHub - aws-amplify/amplify-ui Picks Erik- Outer Range (TV Series 2022– ) - IMDb Special Guest: Erik Hanchett.Sponsored By: Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.
Using Keycloak with Nuxt with Anamol Soman - VUE 182
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 Coaching | Top End Devs Links How To Integrate Keycloak in NuxtJs Step by Step Guide to Setup Keycloak on Local Machine Keycloak Vue Gates Special Guest: Anamol Soman.Sponsored By: Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.
All About Vite with Matias Capeletto - VUE 181
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 Coaching | Top End Devs Links The Vite Ecosystem | patak Views on Vue Episode 173: Diving into StackBlitz with Eric Simons - VUE 155 Views on Vue: Islands Architecture in Vue with Máximo Mussini - VUE 170 GitHub: vitejs/awesome-vite GitHub: originjs/webpack-to-vite Vitest Dev Vitest Introducing WebContainers: Run Node.js natively in your browser GitHub: patak ( patak-dev ) Picks Lindsay- GitHub: lindsaykwardell/vite-elm-template Lindsay- Particles CSS Lindsay- NoRedInk – Funding the Roc Programming Language Matias- Faker | Faker Special Guest: Matias Capeletto.Sponsored By: Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.
Tools that Inspire us with Subha Chanda - VUE 180
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 Coaching | Top End Devs Links Nemotivity Image branding with ImageKit and Vue.js - LogRocket Blog Global Image CDN with Real-time Image Optimization Headless CMS and Content API vsinder - Visual Studio Marketplace Picks Lindsay- Twitter: Introducing Wordle Wars! Multiplayer #Wordle Steve- passWORDLE Subha- WORLDLE Special Guest: Subha Chanda.Sponsored By: Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.
Going 3D with Alvaro Saburido - VUE 179
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 Coaching | Top End Devs Links Going 3D with Trois.js and Vue 3 Añade 3D a tu aplicación de Vue con Trois.js - YouTube Going 3D with Trois.js (Three.js + Vite) - YouTube VueDose Installation | TroisJS Bruno-Simon Github: Alvaro Saburido ( alvarosabu ) Picks Alvaro- Jakub Andrzejewski - DEV Community Alvaro- Nuxt3 Modules - YouTube Lindsay- Introduction | Vue.js Steve- Coming Into Vue: What's Next in Vue 3 Steve- Element 26 - Weight Belts, Knee Sleeves, Hand Grips, and Athletic Gear Special Guest: Alvaro Saburido.Sponsored By: Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your Dreams Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.