Views on Vue

Lindsay and Steve talk with Martin Malinda about building performant Vue apps. They discuss his article on building a lazy loading component, and explore browser APIs like requestIdleCallback and intersectionObserver. They end with some general guidance on how to build performant websites. Panel Lindsay WardellSteve Edwards Guest Martin Malinda Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tv Links <Lazy> rendering in Vue to improve performanceMartin Malinda - MediumTwitter: Martin Malinda ( @martinmalindacz ) Picks Martin- Manta Sleep MaskLindsay- Home | PerfBuddyLindsay- Reimagine Atomic CSS Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve Edwards Special Guest: Martin Malinda.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.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay and Steve talk about other ways to build Vue applications than Vue CLI or Vite templates. Lindsay talks about her experience migrating her personal site from Nuxt to Astro, a new static site generator that provides islands of reactivity in a framework agnostic way. Steve talks about Inertia, and building modern monoliths using Laravel and Vue. They also discuss the release of the Nuxt 3 public beta, and some of the things to keep in mind if you’re looking to migrate from Nuxt 2 to 3. Panel Lindsay WardellSteve Edwards Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tv Links JSJ 443: All About InertiaJS with Jonathan ReininkFrom Nuxt to Astro - Rebuilding with AstroNuxt 3 Picks Lindsay- RailwayLindsay- FigSteve- Best Practices (Why I Hate Them)Steve- standup.trex- InstagramSteve- dadsaysjokes - Instagram Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) 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.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve sits down with Andrew Welch of the devmode.fm podcast and they cover a wide variety of topics, ranging from Andrew’s history with web development and his own companies, to VueJS, Nuxt and Vite, how he uses them with CraftCMS, and what’s he’s looking forward to with Nuxt 3. In addition they discuss the history of a couple of HTML response codes, and Andrew’s unique way of asking guests to explain their subjects on his own podcast. Panel Steve Edwards Guest Andrew Welch Sponsors Dev Influencers AcceleratorPodcastBootcamp.ioLevel Up | Devchat.tv Links devMode.fmCraft CMSnystudio107Twitter: nystudio107 ( @nystudio107 ) Picks Andrew- The White LotusAndrew- Wasabi Peanut CrunchiesSteve- PunHub on InstagramSteve- The wholly pun bible on instagram Contact Steve: Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve Edwards Special Guest: Andrew Welch.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.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve and Solomon talk to Henry Eze about Hygen. Hygen is a generic file generator that allows you to dynamically generate files, such as Vue templates, tests, and any other file needed in a project. In addition, they talk about Docuvaluate, an AI-based program Henry is working on that is used to evaluate contract language and structure. As always, they wrap up the show with picks, including Steve’s famous dad jokes of the week. Panel Solomon EsemeSteve Edwards Guest Henry Eze Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tvPodcastBootcamp.io Links Generating files in a Vue application using HygenProduction-Grade Vue.jsDocuvaluateGodofjsEze Henry - MediumGitHub: Henry Eze ( god-of-js )LinkedIn: Henry EzeTwitter: developer on musical steroids ( @godofjs ) Picks Henry- AI - Driven Customer Support AutomationSolomon- ProfailySolomon- Mastering Backend DevelopmentSteve- The Very First Webcam Was Invented to Keep an Eye on a Coffee Pot at Cambridge University Contact Solomon: ProfailyMastering Backend DevelopmentTwitter: Solomon Eseme ( @Kaperskyguru )GitHub: Solomon Eseme ( Kaperskyguru ) Contact Steve: Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve Edwards Special Guest: Henry Eze.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.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 WardellSteve Edwards Guest Eric Gardner Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tvPodcastBootcamp.io Links Adopt a modern JavaScript framework for use with MediaWikiGettyWikimedia CommonsVue.js has been selected as Wikimedia Foundation's future JavaScript frameworkAbstract WikipediaViteExploring Code Design – VUE 163Transitioning a Large Front-End Codebase to TypeScript ft. Priscila Oliveira and Mark Story – JSJ 498Get Started With TypeScript the Easy WayJavaScript Marathon: Upgrade to Typescript with Vue 3reMARKable - YouTubeWikimedia PhabricatorDesign Systems TeamTwitter: Eric Gardner ( @ecgardner ) Picks Eric- reMARKableLindsay- 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.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 WardellSteve Edwards Guest Mike Gallagher Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tvPodcastBootcamp.io Links Server-side rendering and the journey to the center of Nuxt.jsGitHub | mikeapr4/vue-backboneAwesome Nuxt Modules Plugins directory - NUXTJSTracing or Debugging Vue.js Reactivity: The computed treeGitHub | GoogleChrome/rendertronGitHub | lindsaykwardell/nuxt-github-apiAgility CMSHip eCommerceMichael Gallagher - MediumLinkedIn: Michael GallagherGitHub: Michael Gallagher ( mikeapr4 ) Picks Lindsay- GitHub | nuxt-community/module-templateLindsay- vitejs/awesome-viteLindsay- Nuxt Nation ConferenceMike- AST ExplorerSteve- standup.trex - InstagramSteve- dadjokesallday - InstragramSteve- 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.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 DieboldSteve Edwards Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tvPodcastBootcamp.io Links VueUseSacrificing Simplicity Migration Build Picks Luke- What is DDD - Eric Evans Luke- Clickbait is Unreasonably EffectiveLuke- LaravelLindsay- Rust AdventureLindsay- RockstarSteve- Dad Jokes - InstagramSteve- Dad Jokes by Pubity - Instagram Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: QuasarCastTwitter: 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.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 AcceleratorLevel Up | Devchat.tvPodcastBootcamp.io Links Managing Shared State In Vue 3Humanitarian ToolboxYou Might Not Need Vuex with Vue 3Pinia, an Alternative Vue.js StoreVue 3.2 Released!Ref Sugar (take 2)GitHub | vuejs/petite-vueHello World: The FilmShawnWildermuth - Twitchswildermuth - YouTubeShawn Wildermuth BlogTwitter: Shawn Wildermuth ( @ShawnWildermuth ) Picks Lindsay- Cibola BurnLindsay- Wikifunctions and Abstract Wikipedia - YouTubeShawn- Mare of EasttownShawn- Grim DawnSteve- Stay alertSteve- 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.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 AcceleratorLevel Up | Devchat.tv Links Blood on the Clocktower Town SquareGitHub | bra1n/townsquareBlood on the Clocktower Blood on the Clocktower - Shut Up & Sit Down Review - YouTubeNo Rolls Barred Play Trouble With Violets - Live on the July 2021 Megastream - YouTubeGitHub: Steffen ( bra1n ) Picks Lindsay- Vue 3.2 Released!Lindsay- Cult of the ClocktowerSteffen- 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.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 UnbabelCOMET: A Neural Framework for MT Evaluationsingle-spaSetup a Micro Frontend Architecture With Vue and single-spaVoV 119: Climate Change and the Tech Community with Callum Macrae | Devchat.tvHome - MSTRLAWTwitter: Lawrence B. Almeida ( @mstrlaw ) Picks Lawrence- Critical Future TechLindsay- Project Hail MaryLindsay- Vue Telescope Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Special Guest: Lawrence Almeida. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy