Views on Vue - Podcasts - <section class='relative'></section> <div class='max-w-6xl mx-auto px-4 sm:px-6'> <div class='pt-28 md:pt-32 md:pb-20'> <div class='text-center items-center'> <img class="mb-6 mx-auto" data-aos="zoom-y-out" data-aos-delay="150" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzMwMCwzMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--b30d2b2ffbdad3e82053ac7499c91f84964a05ab/viewsonvue-1-scaled.jpeg" /> <div class='max-w-3xl mx-auto'> <p class='text-2xl font-bold text-gray-700 mb-8' data-aos='zoom-y-out' data-aos-delay='300'>Make your Vue skills take off today!</p> </div> <div class='flex flex-wrap justify-center space-x-4 space-y-4 mb-8'> <span class='text-lg pt-4 mt-1 pr-4'>Hosted by:</span> <a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/steve-edwards"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTAsInB1ciI6ImJsb2JfaWQifX0=--d8bfe9f6537ed1771d1a25418a1e6a0f44ba592d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/stve.jpeg" /> <span class='text-xl font-medum mt-1'>Steve Edwards</span> <span class='text-gray-500 px-1'>•</span> </a><a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/cody-bontecou"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzY1LCJwdXIiOiJibG9iX2lkIn19--af9c8d812998e68a78d9f4fec68d332788cd9db9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzMwLDMwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--c2dede76e9267d28b6be4e742680f7d4676da73a/Cody%20Bontecou.jpg" /> <span class='text-xl font-medum mt-1'>Cody Bontecou</span> </a></div> <div class='flex flex-wrap justify-center space-x-4 space-y-4'> <a class="bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10 mt-4" href="https://www.spreaker.com/show/6102086/episodes/feed"><i class='fas fa-rss text-white mr-2'></i> RSS </a><a class="bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://open.spotify.com/show/5ewAN7ghB7GTTRz0Ohm7Ks"><i class='fab fa-spotify text-white mr-2'></i> Spotify </a><a class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://podcasts.apple.com/us/podcast/views-on-vue/id1364741105"><i class='fab fa-apple text-white mr-2'></i> Apple Podcasts </a><a class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://www.youtube.com/playlist?list=PLJesql-aSfX5mncQRWN4wenuTnb62eA8s"><i class='fab fa-youtube text-white mr-2'></i> YouTube </a><a class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://music.amazon.com/podcasts/e0030aa6-b46a-41b6-ad80-85f0fae40f31/views-on-vue"><i class='fab fa-amazon text-white mr-2'></i> Amazon Music </a></div> </div> </div> <h2 class='text-3xl md:text-4xl font-hkgrotesk font-extrabold mb-4 mt-16 md:mb-0 md:mt-12'>Episodes</h2>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/adios-for-now-vue-232">Adios For Now - VUE 232</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 26, 2023 <span class='text-slate-300'>·</span> Episode 232 </div> <div class='text-sm text-slate-500'> Erik and Steve dive into a wide range of topics related to Vue.js, accessibility, conference talks, and the challenges of podcast production. They reflect on memorable guests, technical difficulties, and the evolution of the podcast over the years. From lost episodes to new microphone setups, from hosting challenges to exciting announcements in the tech world, they'll cover it all. Join them as they explore their experiences, insights, and plenty of humor along the way. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/adios-for-now-vue-232"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/a-veevalidate-roadmap-discussion-with-abdelrahman-awad-vue-231">A VeeValidate Roadmap Discussion with Abdelrahman Awad -VUE 231</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 19, 2023 <span class='text-slate-300'>·</span> Episode 231 </div> <div class='text-sm text-slate-500'> Abdelrahman Awad is the Senior Engineer at Rasayel. The discussion unravels the intricacies of form validation and the challenges faced in migrating VeeValidate to Vue 3. They share valuable insights into the composition API, headless components, and the future vision for VeeValidate. Listeners gain a comprehensive understanding of the complexities and innovations at the forefront of front-end development. This episode offers a thought-provoking exploration of form libraries, Vue 3 migration, and the commitment to enhancing the developer experience. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/a-veevalidate-roadmap-discussion-with-abdelrahman-awad-vue-231"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/a-vue-of-web-development-with-david-neal-vue-230">A Vue of Web Development with David Neal - VUE 230</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 28, 2023 <span class='text-slate-300'>·</span> Episode 230 </div> <div class='text-sm text-slate-500'> David Neal is a DevRel at MotherDuck, a developer, illustrator, musician, and content creator. Steve and David provide valuable insights into their software development journeys, offering anecdotes and experiences that shed light on the evolving landscape of web development. From exploring the origins of their unique email addresses to delving into their encounters with various programming languages and front-end frameworks, this episode promises a deep dive into the complexities and challenges of the software development world. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/a-vue-of-web-development-with-david-neal-vue-230"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/how-to-recession-proof-your-job-bonus-f36f86c2-dd41-41a7-b6fa-99a7e52aad74">How To Recession Proof Your Job - BONUS</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 21, 2023 <span class='text-slate-300'>·</span> Episode BONUS </div> <div class='text-sm text-slate-500'> Are you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back? </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/how-to-recession-proof-your-job-bonus-f36f86c2-dd41-41a7-b6fa-99a7e52aad74"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/directus-as-a-composable-platform-for-data-flexibility-database-interaction-vue-229">Directus as a Composable Platform for Data: Flexibility, Database Interaction - VUE 229</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 06, 2023 <span class='text-slate-300'>·</span> Episode 229 </div> <div class='text-sm text-slate-500'> Rijk Van Zanten is the CTO & Co-Founder of Directus. He discusses the history and unique features of Directus as a composable platform for data, covering topics such as unit testing, code coverage, and the importance of accessible testing for UI components. Moreover, the conversation dives into the migration from Vue 2 to Vue 3, the use of TypeScript, and the challenges and strategies involved. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/directus-as-a-composable-platform-for-data-flexibility-database-interaction-vue-229"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/building-beautiful-components-combining-npx-radix-view-and-shadcn-vue-228">Building Beautiful Components: Combining NPX, Radix View, and Shadcn - VUE 228</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 10, 2023 <span class='text-slate-300'>·</span> Episode 228 </div> <div class='text-sm text-slate-500'> Cody and Steve join this week's panelist episode. They delve into the world of Shadcn, Radix UI, and the advantages of a unified design system built upon tailwind CSS and headless components. Additionally, they explore the configuration process in Nuxt, including TypeScript integration & auto-import settings, and many more! </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/building-beautiful-components-combining-npx-radix-view-and-shadcn-vue-228"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/nuxt-the-preferred-framework-for-rapid-development-and-increased-efficiency-vue-227">Nuxt: The Preferred Framework for Rapid Development and Increased Efficiency - VUE 227</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 26, 2023 <span class='text-slate-300'>·</span> Episode 227 </div> <div class='text-sm text-slate-500'> Aleksandar Gekov is a front-end developer at OfficeRnD. They dive into the challenges and successes of integrating maps and WebGL. They also talk about popular frameworks like Next.js and Nuxt, highlighting the benefits of using Storyblock and uncovering an interesting React component library. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/nuxt-the-preferred-framework-for-rapid-development-and-increased-efficiency-vue-227"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/testing-beyond-unit-tests-embracing-application-tests-for-true-user-confidence-vue-226">Testing Beyond Unit Tests: Embracing Application Tests for True User Confidence - VUE 226</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 19, 2023 <span class='text-slate-300'>·</span> Episode 226 </div> <div class='text-sm text-slate-500'> Markus Oberlehner joins this week's episode alongside Cody and Steve. They dive into the world of testing and the importance of writing application tests. They share their journey from initially focusing on unit tests and component tests to realizing the need for comprehensive application tests that simulate real user interactions. They also provide valuable insights into the fear of sharing your work, the value of collaboration, and the importance of embracing imperfections. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/testing-beyond-unit-tests-embracing-application-tests-for-true-user-confidence-vue-226"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/exploring-the-role-of-a-full-stack-developer-and-open-source-contribution-vue-225">Exploring the Role of a Full Stack Developer and Open-Source Contribution - VUE 225</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 05, 2023 <span class='text-slate-300'>·</span> Episode 225 </div> <div class='text-sm text-slate-500'> Jakub Andrzejewski is a Senior Developer and dev Advocate at Vue Storefront. They dive into the world of Vue.js and explore the latest developments in its ecosystem. They discuss the use of hooks and composable for code reusability, the challenges faced during the rewrite of the Storefront UI library, and the importance of performance and accessibility in app development. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/exploring-the-role-of-a-full-stack-developer-and-open-source-contribution-vue-225"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vuetify-s-latest-version-with-john-leider-vue-224">Vuetify's Latest Version with John Leider - VUE 224</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Aug 29, 2023 <span class='text-slate-300'>·</span> Episode 224 </div> <div class='text-sm text-slate-500'> John Leider is the CEO at Vuetify LLC. He joins the show to talk about Vuetify 3. He begins by sharing the recent updates in Vuetify. He talks about Vuetify's latest version, its new & exciting features, how it differs from the past versions, and many more! </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vuetify-s-latest-version-with-john-leider-vue-224"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/life-of-a-developer-advocate-tech-skills-conferences-content-creation-vue-223">Life of a Developer Advocate: Tech Skills, Conferences, & Content Creation- VUE 223</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Aug 22, 2023 <span class='text-slate-300'>·</span> Episode 223 </div> <div class='text-sm text-slate-500'> Erik Hanchett is an Engineer at Amazon Web Services. From exploring a new app designed for esports fans to navigating the world of streaming and developer advocacy, dive deep into the world of technology, coding, and the ever-evolving tech industry. Join Steve, Cody, and Erik to discuss the challenges of transitioning between projects, the rise of developer advocates, measuring the ROI of advocacy efforts, and the value of learning multiple programming languages. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/life-of-a-developer-advocate-tech-skills-conferences-content-creation-vue-223"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/nuxt-s-most-recent-developments-with-daniel-roe-vue-222">Nuxt's Most Recent Developments with Daniel Roe - VUE 222</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Aug 15, 2023 <span class='text-slate-300'>·</span> Episode 222 </div> <div class='text-sm text-slate-500'> Daniel Roe leads the Nuxt core team. He joins the show alongside Cody and Steve to talk about everything "Nuxt". He begins by talking about the recent updates and new features with Nuxt 3. Moreover, he explains how it can improve developer experience, advantages, and many more! </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/nuxt-s-most-recent-developments-with-daniel-roe-vue-222"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/everything-there-is-to-know-about-nuxt-server-components-vue-221">Everything There is to Know about Nuxt Server Components - VUE 221</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Aug 08, 2023 <span class='text-slate-300'>·</span> Episode 221 </div> <div class='text-sm text-slate-500'> Cody and Steve join this week's panelist episode to talk about Daniel Roe's article, "A guide to Nuxt server components". Cody takes the lead as he explains the article, all about server components, their advantages, the difference from React Server components, and many more! </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/everything-there-is-to-know-about-nuxt-server-components-vue-221"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/introducing-cody-bontecou-vue-220">Introducing Cody Bontecou - VUE 220</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Aug 01, 2023 <span class='text-slate-300'>·</span> Episode 220 </div> <div class='text-sm text-slate-500'> Cody Bontecou is a Software Engineer and he is one of the show's newest hosts. He starts off as he shares his career progression and explains how he started to work with Vue & Nuxt. He also talks about the reason why he chose Nuxt compared to the other frameworks, and many more! </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/introducing-cody-bontecou-vue-220"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vueconf-2023-experience-with-erik-hanchett-vue-219">VueConf 2023 Experience with Erik Hanchett - VUE 219</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jun 27, 2023 <span class='text-slate-300'>·</span> Episode 219 </div> <div class='text-sm text-slate-500'> Erik Hanchett returns to the program to discuss his experience speaking at VueConf. He begins by outlining his memorable flight experience, some of the Vue contributors he met, the topics covered during the conference, and many more! </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vueconf-2023-experience-with-erik-hanchett-vue-219"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div> <nav class='flex items-center justify-between border-t border-gray-200 px-4 sm:px-0 mt-6'> <div class='-mt-px flex w-0 flex-1'> <a rel="next" class="inline-flex items-center border-t-2 border-transparent pr-1 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue"><svg aria-hidden='true' class='mr-3 h-5 w-5 text-gray-400' fill='currentColor' viewbox='0 0 20 20'> <path clip-rule='evenodd' d='M18 10a.75.75 0 01-.75.75H4.66l2.1 1.95a.75.75 0 11-1.02 1.1l-3.5-3.25a.75.75 0 010-1.1l3.5-3.25a.75.75 0 111.02 1.1l-2.1 1.95h12.59A.75.75 0 0118 10z' fill-rule='evenodd'></path> </svg> Previous </a></div> <div class='hidden md:-mt-px md:flex'> <span class='inline-flex items-center border-t-2 border-indigo-500 px-4 pt-4 text-sm font-medium text-indigo-600'>1</span> <a rel="next" class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=2">2</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=3">3</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=4">4</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=5">5</a> <span class='inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700'>...</span> </div> <div class='-mt-px flex w-0 flex-1 justify-end'> <a rel="next" class="inline-flex items-center border-t-2 border-transparent pl-1 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=2">Next <svg aria-hidden='true' class='ml-3 h-5 w-5 text-gray-400' fill='currentColor' viewbox='0 0 20 20'> <path clip-rule='evenodd' d='M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z' fill-rule='evenodd'></path> </svg> </a></div> </nav> </div>