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.
Adoping Vue at Wikimedia with Eric Gardner - VUE 165
Lindsay and Steve talk with Eric Gardner, Senior Software Engineer at the Wikimedia Foundation, about his journey from graphic design to Vue and the adoption of Vue at the Wikimedia Foundation. They discuss the challenges faced in MediaWiki, the core application behind Wikipedia, and how and why the foundation moved to adopt Vue as its frontend framework of choice. They also discuss some of the future developments at the Foundation, as well as some of the challenges that they still face. Panel Lindsay Wardell Steve Edwards Guest Eric Gardner Sponsors Dev Influencers Accelerator Level Up | Devchat.tv PodcastBootcamp.io Links Adopt a modern JavaScript framework for use with MediaWiki Getty Wikimedia Commons Vue.js has been selected as Wikimedia Foundation's future JavaScript framework Abstract Wikipedia Vite Exploring Code Design – VUE 163 Transitioning a Large Front-End Codebase to TypeScript ft. Priscila Oliveira and Mark Story – JSJ 498 Get Started With TypeScript the Easy Way JavaScript Marathon: Upgrade to Typescript with Vue 3 reMARKable - YouTube Wikimedia Phabricator Design Systems Team Twitter: Eric Gardner ( @ecgardner ) Picks Eric- reMARKable Lindsay- GitHub | lindsaykwardell/vite-elm-template Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Eric Gardner.Sponsored By: Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.
Deep Dive into Nuxt with Mike Gallagher - VUE 164
Lindsay and Steve talk to Mike Gallagher, Software Architect at Hip eCommerce, about his blog post exploring server-side rendering and how Nuxt functions under the hood. They explore Mike's specific use case of needing to manage routing on the client, rather than the server, and how he was able to find a solution. They also discuss how Mike approaches difficult problems like this, and how he determines the next steps to find a solution. They explore some of the intricate details of Nuxt, including how Mike's company handles caching with Nuxt and other production use cases. Panel Lindsay Wardell Steve Edwards Guest Mike Gallagher Sponsors Dev Influencers Accelerator Level Up | Devchat.tv PodcastBootcamp.io Links Server-side rendering and the journey to the center of Nuxt.js GitHub | mikeapr4/vue-backbone Awesome Nuxt Modules Plugins directory - NUXTJS Tracing or Debugging Vue.js Reactivity: The computed tree GitHub | GoogleChrome/rendertron GitHub | lindsaykwardell/nuxt-github-api Agility CMS Hip eCommerce Michael Gallagher - Medium LinkedIn: Michael Gallagher GitHub: Michael Gallagher ( mikeapr4 ) Picks Lindsay- GitHub | nuxt-community/module-template Lindsay- vitejs/awesome-vite Lindsay- Nuxt Nation Conference Mike- AST Explorer Steve- standup.trex - Instagram Steve- dadjokesallday - Instragram Steve- Failed Comedian Becomes Pastor Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Mike Gallagher.Sponsored By: Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.
Exploring Code Design - VUE 163
Lindsay, Luke, and Steve talk about different ways to organize Vue code. They discuss the Composition API, comparing it to the Options API, and the available options for abstracting code from components to be reusable. They also discuss Evan You’s comments about the Composition API becoming the recommended path for using Vue in the future. Panel Lindsay Wardell Luke Diebold Steve Edwards Sponsors Dev Influencers Accelerator Level Up | Devchat.tv PodcastBootcamp.io Links VueUse Sacrificing Simplicity Migration Build Picks Luke- What is DDD - Eric Evans Luke- Clickbait is Unreasonably Effective Luke- Laravel Lindsay- Rust Adventure Lindsay- Rockstar Steve- Dad Jokes - Instagram Steve- Dad Jokes by Pubity - Instagram Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: QuasarCast Twitter: Luke Diebold ( @LukeDiebold ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Sponsored By: Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.
Scaling Vue Up and Down with Shawn Wildermuth - VUE 162
In this episode, Lindsay and Steve talk with Shawn Wildermuth, author and teacher, about how he sees Vue as a tool for building applications both large and small. We talk about his start giving talks at conferences, and pivoting into education as his primary focus in the developer community, and why he prefers to use Vue for his personal projects. We discuss his recently article on different state management techniques, and explore the Composition API and the new features of Vue 3.2. Panel Lindsay Wardell Steve Edwards Guest Shawn Wildermuth Sponsors Dev Influencers Accelerator Level Up | Devchat.tv PodcastBootcamp.io Links Managing Shared State In Vue 3 Humanitarian Toolbox You Might Not Need Vuex with Vue 3 Pinia, an Alternative Vue.js Store Vue 3.2 Released! Ref Sugar (take 2) GitHub | vuejs/petite-vue Hello World: The Film ShawnWildermuth - Twitch swildermuth - YouTube Shawn Wildermuth Blog Twitter: Shawn Wildermuth ( @ShawnWildermuth ) Picks Lindsay- Cibola Burn Lindsay- Wikifunctions and Abstract Wikipedia - YouTube Shawn- Mare of Easttown Shawn- Grim Dawn Steve- Stay alert Steve- Debate Settled: Experts Confirm GIF Is Pronounced 'GIF' Steve- Jungle cruise puns - YouTube Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Shawn Wildermuth.Sponsored By: Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.
Building a Real-Time Game with Steffen Baumgart - VUE 161
Lindsay and Steve talk with Steffen Baumgart, developer of the “Blood on the Clocktower” virtual town square, about how he developed the online interface for this social deduction game. They talk about the game, and how Steffen translated it from in-person to online during the pandemic. They also discuss how its real time features were implemented, and how it handles UX interactions like animations. Panel Lindsay Wardell Steve Edwards Guest Steffen Baumgart Sponsors Dev Influencers Accelerator Level Up | Devchat.tv Links Blood on the Clocktower Town Square GitHub | bra1n/townsquare Blood on the Clocktower Blood on the Clocktower - Shut Up & Sit Down Review - YouTube No Rolls Barred Play Trouble With Violets - Live on the July 2021 Megastream - YouTube GitHub: Steffen ( bra1n ) Picks Lindsay- Vue 3.2 Released! Lindsay- Cult of the Clocktower Steffen- Disco Elysium Steve- Tailwind UI E-Commerce Steve- standup.trex - Instagram Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Steffen Baumgart .Sponsored By: Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.
Building Micro Frontends with Lawrence Almeida – VUE 160
Lindsay meets with Lawrence Almeida, Lead Developer at Unbabel, to discuss building web applications with a micro frontend architecture. They discuss basic issues with micro frontends, and how they can be resolved with Single SPA, a framework for orchestrating micro frontends. They also discuss why a team would choose this approach, and some of the downsides to adopting micro frontends. Panel Lindsay Wardell Guest Lawrence Almeida Sponsors Dev Influencers Accelerator Links Unbabel COMET: A Neural Framework for MT Evaluation single-spa Setup a Micro Frontend Architecture With Vue and single-spa VoV 119: Climate Change and the Tech Community with Callum Macrae | Devchat.tv Home - MSTRLAW Twitter: Lawrence B. Almeida ( @mstrlaw ) Picks Lawrence- Critical Future Tech Lindsay- Project Hail Mary Lindsay- Vue Telescope Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Special Guest: Lawrence Almeida.
Using Vue without an SPA with Ariel from Maison Futari - VUE 159
Lindsay, Steve, Luke, and Solomon talk with Ariel from Maison Futari about using Vue without building a full single-page application. We talk about using Vue with Wordpress and other backend frameworks to build widgets, as well as using Vue to build web components. We also explore libraries like Livewire and Inertia to integrate with a Laravel backend. Panel Lindsay Wardell Luke Diebold Solomon Eseme Steve Edwards Guest Ariel from Maison Futari Sponsors Dev Influencers Accelerator Links Yes, this is how to use Vue JS with WordPress in 3 unique ways Core API for turning any Vue 3 component into a custom element - Twitter Setup a Micro Frontend Architecture With Vue and single-spa Livewire | Laravel Livewire Inertia.js - The Modern Monolith Using Vue JS in WordPress : The 7 clean ways to do it Zapier Maison Futari Courses @maisonfutari - Medium Twitter: Maison Futari ( @maisonfutari ) Picks Ariel- SEO Tips Lindsay- Modern Web Podcast - Elm with Richard Feldman Lindsay- BooksBank Lindsay- NaNoWriMo Luke- GitHub | vuejs/petite-vue Luke- GitHub | alpinejs/alpine Luke- TALL stack Steve- The Bulwer Lytton Fiction Contest Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: QuasarCast Twitter: Luke Diebold ( @LukeDiebold ) Contact Solomon: Profaily Mastering Backend Development Twitter: Solomon Eseme ( @Kaperskyguru ) GitHub: Solomon Eseme ( Kaperskyguru ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Ariel from Maison Futari.
Product Design and Authentication with David Atanda - VUE 158
In this episode, Lindsay, Steve, and Luke talk with David Atanda, product designer and developer. We talk about his path from building products into development, and some of the products he has built. We also talk about how David looks at products and determines what to build next. After that, we discuss his blog post on authentication in Vue, and some of the decisions that need to be made for authenticating an SPA. Panel Lindsay Wardell Luke Diebold Steve Edwards Guest David Atanda Sponsors Dev Influencers Accelerator Links Tackling Authentication With Vue Using RESTful APIs Kiwano Learn In Public PHPSandbox VoV 104: Exploring GraphQL in Vue with Vladimir Novick | Devchat.tv The Ultimate Guide to handling JWTs on frontend clients (GraphQL) Creating an Editable Webpage With Google Spreadsheets and Tabletop.js Forrest Brazeal - 168 AWS services in 2 minutes. *inhales* Forrest Brazeal - An ode to Infinidash - the imaginary AWS service! David Atanda, Author at CSS-Tricks Twitter: David Atanda ( @Davidpreneur ) Picks David- Y Combinator Launches Co-Founder Matching Platform Lindsay- The StoryGraph Lindsay- Nuxt Nation Conference Luke- Publer Luke- XSS - localStorage vs Cookies Luke- GitHub | Atanda1/whatsapp Steve- Nuxt Image is here! And it's a game changer Steve- New mystery AWS product 'Infinidash' goes viral — despite being entirely fictional Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: QuasarCast Twitter: Luke Diebold ( @LukeDiebold ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: David Atanda.
Developing Desktop Apps With Vue - VUE 157
The panel talks with prolific JS developer The Jared Wilcurt about developing cross-platform desktop apps using nw.js and vuejs. Jared covers the history of tools to create cross-platform apps, how they all work, and then dives into his GitHub repo that provides the boilerplate to start and create a new app using Vue Panel Lindsay Wardell Luke Diebold Solomon Eseme Steve Edwards Guest The Jared Wilcurt Sponsors Dev Influencers Accelerator Links Cross-Platform Desktop Apps (XPDA) GitHub | nwutils/nw-vue-cli-example GitHub | scout-app/scout-app The Jared Wilcurt Twitter: The Jared Wilcurt ( @TheJaredWilcurt ) Picks Lindsay- GitHub | vuejs/petite-vue Luke- QuasarCast Steve- Temporal: getting started with JavaScript’s new date time API The Jared Wilcurt- NW.js Utilities Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: QuasarCast Twitter: Luke Diebold ( @LukeDiebold ) Contact Solomon: Profaily Mastering Backend Development Twitter: Solomon Eseme ( @Kaperskyguru ) GitHub: Solomon Eseme ( Kaperskyguru ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: The Jared Wilcurt.
Developing Vuetify with John Leider and Kael Watts-Deuchar - VUE 156
Luke and Lindsay talk with John Leider and Kael Watts-Deuchar from the Vuetify team. We discuss the history of Vuetify development, and the experience of writing Vuetify 3 with Vue 3. We also talk about some of the technical hurdles experienced in the past and present, and how the Vuetify team overcame them. Panel Lindsay Wardell Luke Diebold Guest John Leider Kael Watts-Deuchar Sponsors Dev Influencers Accelerator Links VoV 110: Vuetify Next with John Leider Vue Contributor Days February 2021 Vuetify - Discord Twitter: Kael ( @KaelWD ) Twitter: John Leider ( @zeroskillz ) Picks John- Shift Kael- Leviathan Falls Lindsay- GitHub Copilot Luke- Pinia Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: QuasarCast Twitter: Luke Diebold ( @LukeDiebold ) Special Guests: John Leider and Kael Watts-Deuchar.
Diving into StackBlitz with Eric Simons - VUE 155
Lindsay, Solomon, and Luke get to talk with Eric Simons, CEO of StackBlitz about their recent release of WebContainers and the future of Vue in StackBlitz. We talk about how Eric came to tackle the impossible task of running Node in the browser, what to expect for Vue support in StackBlitz, and upcoming developments for the browser-based IDE. Panel Lindsay Wardell Luke Diebold Solomon Eseme Guest Eric Simons Sponsors Dev Influencers Accelerator Links StackBlitz Introducing WebContainers: Run Node.js natively in your browser web.dev Rust Programming Language Bytecode Alliance Twitter: StackBlitz ( @stackblitz ) Twitter: Eric Simons ( @ericsimons40 ) Picks Eric- StackBlitz Lindsay- StackBlitz Lindsay- What PWA Can Do Today Luke- Cold Showers Luke- StackBlitz Solomon- StackBlitz Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: QuasarCast Twitter: Luke Diebold ( @LukeDiebold ) Contact Solomon: Profaily Mastering Backend Development Twitter: Solomon Eseme ( @Kaperskyguru ) GitHub: Solomon Eseme ( Kaperskyguru ) Special Guest: Eric Simons .
A Tale of Refactoring with Mariana Picolo - VUE 154
In this episode, Lindsay, Steve, Luke, and Solomon talk with Mariana Picolo about her experience refactoring a large Vue application. They discuss the problems developers face with ever-growing applications, actionable steps to discuss these issues with management, and solutions for large bundle sizes, coding best practices, and reducing duplicated code in your codebase. Panel Lindsay Wardell Luke Diebold Solomon Eseme Steve Edwards Guest Mariana Picolo Sponsors Dev Influencers Accelerator Links My notes about conducting a massive refactor in a Vue.js website date-fns - Modern JavaScript date utility library GitHub | tc39/proposal-temporal Day.js Bundlephobia Building Scalable Applications with Quasar – VUE 146 | Devchat.tv QuasarCast Home - Mariana Picolo GitHub: Mariana Pícolo ( MarianaPicolo ) LinkedIn: Mariana Pícolo Picks Lindsay- Remote Repositories Lindsay- Windows 11 leak reveals new UI, Start menu, and more Luke- Quasar Vue Life Mariana- GitHub | MarianaPicolo/guia-otimizacao Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: QuasarCast Twitter: Luke Diebold ( @LukeDiebold ) Contact Solomon: Profaily Mastering Backend Development Twitter: Solomon Eseme ( @Kaperskyguru ) GitHub: Solomon Eseme ( Kaperskyguru ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Mariana Pícolo.
Localize Any Vue App in Less than an Hour with Titus Decali - VUE 153
Luke and Lindsay discuss localization with Titus Decali, developer and UI/UX product designer. We discuss his journey from design to development, and dive into his workflow for localizing Vue applications. We talk about tools that Titus uses to improve the localization workflow, reducing the time it takes to set up a translation pipeline. We also discuss handling currencies and SEO. Panel Lindsay Wardell Luke Diebold Guest Titus Decali Sponsors Dev Influencers Accelerator Links Translate Any Vue.js App in Just 1 Hour i18n Ally Program With Erik - YouTube GitHub | titusdecali/Blueframe vue-i18n - npm vue-translation-manager - npm BabelEdit Introduction-i18n-module Instant Previews | Forestry.io Titus Decali - Medium Titus Decali - Design and Development Freelancer Picks Lindsay- StepZen Luke- ClickFunnels™ Luke- Laravel Orion Luke- Postman | The Collaboration Platform for API Development Titus- Jason Werbeloff - Mind-bending science fiction Titus- Sidekick Titus- 11 Advanced Vue Coding Tricks Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: QuasarCast Twitter: Luke Diebold ( @LukeDiebold ) Special Guest: Titus Decali.
Panelist Career Retrospective - VUE 152
In this episode, Steve, Lindsay, and Luke discuss things they wish they'd known earlier in their careers, and things newer developers could benefit from today. They talk about their early days in programming, and the lessons they learned along the way about being developers. Panel Lindsay Wardell Luke Diebold Steve Edwards Sponsors Dev Influencers Accelerator Links Clickteam Fusion 2.5 Picks Lindsay- Introducing WebContainers: Run Node.js natively in your browser Luke- Game Making Software - Construct 3 Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: QuasarCast Twitter: Luke Diebold ( @LukeDiebold ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards
The Future of Vue Stores with Joseph Zimmerman - VUE 151
Luke and Steve talk with Joseph Zimmerman about the future of state management in Vue. Options include the new composition API in Vue 3, the new Pinia library , and the upcoming (still in RFC) Vuex 5. Plus, Steve continues his series of amazing dad jokes for the benefit of the listeners. Panel Luke Diebold Steve Edwards Guest Joseph Zimmerman Sponsors Dev Influencers Accelerator Links What’s Coming To VueX? Pinia, an Alternative Vue.js Store You Might Not Need Vuex with Vue 3 Joe Zim's JavaScript Corner Joe Zim's JavaScript Corner - YouTube Twitter: JZ JavaScript Corner ( @JoeZimJS ) Picks Joseph- EGO Power Joseph- The Chosen TV Series Joseph- Logitech MX Master 3 Wireless Mouse Luke- Know the reason why you write code and why it's important Luke- GitHub | kiaking/rfcs Contact Luke: QuasarCast Twitter: Luke Diebold ( @LukeDiebold ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Joseph Zimmerman .