Views On Vue

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 DevsCoaching | Top End Devs Links Introducing Svelte, and Comparing Svelte with React and VueJosh CollinsworthJosh Collinsworth - writing and speakingQuina Picks Josh- SvelteKitJosh- The Third WebJosh- Material Kitchen coated panSteve- Nuxt ImageSteve- GitHub - GoogleChromeLabs/bubblewrapSteve- Hebrew wordleSpecial Guest: Josh Collinsworth .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 DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Advertising Inquiries: https://redcircle.com/brand

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 DevsCoaching | Top End Devs Links Tests that don't suckDecoupling Component Tests From Implementation Details with PreconditionsManual testing, E2E testing, unit testing – how to decide which testing strategy to use?Decoupling Vue components from side effects, the overengineered way - YouTubeGitHub - maoberlehner/article-testing-dslVitest Picks Lindsay- showmy.chatLindsay- Reusable Components - Michael ThiessenLindsay- Views on Vue Episode 128: VUE 128: Templates to Scoped Slots - R

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.devhttps://remix.runhttps://intercoolerjs.org/https://shoelace.stylehttps://www.thisdot.co/blog/building-web-components-with-vue-3-2https://copilot.github.com/ Lindsay’s Picks:https://gitpod.io Steve’s Picks

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 LimAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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.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

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 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 DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to lear

  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 Bl

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 G

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:

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

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

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 j

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 Univers

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 WayJav

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-

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 Spo

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 BurnLindsa

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: Twitte

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.co