Views on Vue

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

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

Charles Max Wood explains how podcasting has repeatedly opened up opportunities for him to move his career forward. He dives into how it helped early in his career, how he was able to use it as a tool to find freelance clients, and how it can take you beyond a full time senior developer job into coaching or courses. If you'd like to learn how to start your own podcast, go to podcastbootcamp.io Panel Charles Max Wood

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  

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

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 )

Charles Max Wood explains the default path that developers seem to follow in their career and why that doesn't give developers the fulfillment they're looking for. He then walks through some of the options to change the direction of your career. Panel Charles Max Wood

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

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

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

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 )

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 )

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

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 )

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