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.Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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.Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksVeeValidatelogaretm/vee-validateSocialsLinkedIn: Abdelrahman AwadTwitter: LoGAReTMAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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.Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: David NealTwitter: @reverentgeekReverentGeekPicksSteve - James Webb Space Telescope finds 2 of the most distant galaxies ever seenAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" DealCoupon Code: "THRIVE" for a GIANT discountAre you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back? Or, maybe you're a freelancer or entrepreneur who is trying to figure out how to deliver more value to gain or retain customers?Mani Vaya joins Charles Max Wood to discuss the one thing that both of them use to more than double their productivity on a daily basis.Mani has read 1,000's of productivity books over the last several years and has formulated a methodology for getting more done, but found that he lacked the discipline to follow through on his plans.The he found the one thing that kept him on track and made him so productive that he is now getting all of his work done and was able to live the life he wants.Chuck also weighs in on how Mani's technique has worked for him and allows him to spend more time with his wife and kids, run a podcast network, and a nearly full time contract.Join the episode to learn how Chuck and Mani get into a regular flow state with their work and consistently deliver at work.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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.Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksDirectusSocialsGitHub: rijkvanzantenLinkedIn: Rijk Van Zantenrijks.websitePicksErik - Amplify DocumentationErik - Taylor Swift: The Eras Tour (2023)Rijk - web.devRijk - Stop Making Sense (1984)Steve - Zoom Conversations vs In-Person: Brain Activity Tells a Different TaleAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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!Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Cody BontecouLinkedIn: Steve EdwardsAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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. Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Aleksandar Gekov Twitter: AlexanderGekovAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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. Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksGood Tests for Vue ApplicationsWriting Good Tests for Vue Applications SocialsLinkedIn: Markus OberlehnerTwitter: Markus OberlehnerMARKUS OBERLEHNERYouTube | Markus OberlehnerPicksCody - Figma: The Collaborative Interface Design ToolMarkus - All Sets | Official LEGO® Shop GBSteve - Spy Ops (TV Series 2023Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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. Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksPerformance and Nuxt with Jakub Andrzejewski - VUE 211Web Testing And Automations With Playwright - VUE 206Vue StorefrontSocialsJakub AndrzejewskiGitHub: Jakub AndrzejewskiTwitter: @jacobandrewskyPicksCody - NSSpain XICody - Stanford CS193p - Developing Apps for iOSJakub - Software Architecture Series' ArticlesJakub - Nuxt Nation ConferenceSteve - How far can you jump from a swing?Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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!Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksVuetifyvuetifyjs/vuetifySocialsLinkedIn: John LeiderPicksCody - Cursor - The AI-first Code EditorSteve - Shuttlepod ShowAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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. Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Erik Hanchettprogramwitherik.comTwitter: ErikCHPicksCody - Dany Bontecou - YouTube ChannelErik - Star Trek: Strange New WorldErik - Watch Silo - Apple TV+Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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!Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksNuxt: The Intuitive Web FrameworkWelcome to NuxtSocialsDaniel RoeLinkedIn: Daniel Roe Twitter: @danielcroePicksDaniel - microsoft/typescript-analyze-traceDaniel - A Deadly EducationAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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!Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksA guide to Nuxt server componentsAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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!Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Cody BontecouTwitter: @codybontecoucodybontecou.com PicksSteve - Dad In A ShirtAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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, his favorite talk during the conference, and many more!Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksVueconf US – May 24-26, 2023 in New Orleans, LA | Vue.jsTwitter: Lee MartinSocialsLinkedIn: Erik Hanchett Twitter: ErikCHPicksErik - Twitch - AWSSteve - Why did Microsoft Build VSCode? Turns out, GitHub Copilot.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

James Sinkala is a Full-Stack Developer and Technical Writer. He joins the show to talk about his article, "Nuxt 3 authentication with Supabase". He starts off by talking about his career and experiences as a developer.Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksNuxt 3 authentication with SupabaseDrawing, Bacon, and Dad Jokes With David Neal - VUE 200Laravel and Vue with Taylor Otwell - VUE 199SocialsJames Sinkala - MediumLinkedIn: James SinkalaAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Erik Hanchett is a Front End Engineer at Amazon Web Services. He returns to the show to talk about creating open-source library tools. He begins by explaining the requirements, tools used, and many more in creating the library. On YouTubeOpen-Source Library Tools with Erik Hanchett - VUE 217Sponsors Chuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksVue.js in ActionSocialsProgram With Erik | YouTubeAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

David Atanda is an Engineer at ConsenSys. He returns to the show alongside Steve to talk about using Web3 Auth in a Vue app for user authentication. He begins by talking about the difference between Web2 and Web3. Moreover, he dives into the process of using Web3 Authentication and its features. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksweb3authSocialsDavid AtandaTwitter: @DavidpreneurPicksSteve - What Young Workers Miss Without the ‘Power of Proximity’Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Bruce A. Tate is a Founder at Groxio, Elixir Expert, and a Technical Author. He joins the show alongside Charles Max Wood to talk about his book, "Seven Languages in Seven Weeks". He also delves into some of the preparations and anticipations that come with reading the book. LinksSeven Languages in Seven Weeksgrox.io SocialsLinkedIn: Bruce TateTwitter: redrapidsAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Giannis Koutsaftakis is a Senior Frontend Developer at Pequity. He joins the show with Steve to talk about, "Skeleton Loader using Vue & Tailwind". He begins by explaining Skeleton Loader and how it can improve user experience. He also talks about its advantages and disadvantages. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Giannis KoutsaftakisGitHub: koutsTwitter: @kouts_tweet LinksTanStack Query DocsWhat is a "Composable"?DevStaffPicksGiannis - Justin Schroeder's tweetSteve - AI Incident DatabaseAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Jason Weimann is a Developer and Instructor. He returns to the show with Chuck to talk about video game creation. He shares his experiences as a developer and dives into his courses wherein he gives beginners and aspiring developers a walk-through of the world of creating games. LinksGame development courses & tutorialsProgrammer Course – game.coursesSocialsTwitter: @jweimannAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Austin Gil is a Senior Developer Advocate. He returns to the show alongside Steve to talk about his articles. He starts the show by explaining what Vuetensils is. He also dives into his article, "TIL: You Can Access A User’s Camera with Just HTML". Moreover, they also talk about their perspective on what beginner developers should learn first if they're still starting out in the field. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksMake Beautifully Resilient Apps With Progressive EnhancementHow to Upload Files with HTMLVuetensilsTIL: You Can Access A User’s Camera with Just HTMLMake Beautifully Resilient Apps With Progressive Enhancement5 ways CSS :has() can make your HTML forms even betterConditional API Responses For JavaScript vs. HTML FormsCancel Duplicate Fetch Requests in JavaScript Enhanced FormsHow to Build HTML Forms Right: SemanticsAkamaiVuetensilsSocialsAustin GilTwitter: @heyAustinGilLinkedIn: Austin G.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Are you dissatisfied with your job? Sam Feeney helps organizations improve employee engagement, increase retention, and reinvent hiring while helping individuals (re)discover career satisfaction in their current roles. He joins the show alongside Chuck Wood to tackle altering the way you perceive your job and talk about Career satisfaction.SocialsLinkedIn: Sam FeeneyAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Erik Hanchett is Front End Engineer at Amazon Web Services. He joins the show with Steve to talk about UnoCSS. He begins by explaining what it is. They also discuss the difference between UnoCSS, tailwind CSS, and WindiCSS. He shares his own experience of using UnoCSS and its useful features. On YouTubeUnoCSS with Erik Hanchett - VUE 213SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksUnoCSSunocss/unocssAWS Amplify - Develop Apps With AWS AmplifySocialsprogramwitherik.com Program With Erik | YouTubeLinkedIn: Erik HanchettTwitter: ErikCHPicksErik - BardSteve - Defamed by ChatGPT: My Own Bizarre Experience with Artificiality of “Artificial Intelligence”Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Returning guest, Drew Baker is the Founder and Technical Director at Funkhaus. He joins Steve on this week's episode to discuss his experiences in using Nuxt. He talks about its useful features and goes into detail about its benefits. Additionally, he talks about how he runs his applications using Nuxt SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksfunkhaus.us SocialsLinkedIn: Drew BakerTwitter: @drewrbaker_PicksDrew - GT PlanarAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Jakub Andrzejewski is a Senior Developer & Dev Advocate at Vue Storefront. He joins the show alongside Steve to talk about performance in Nuxt and Vue. He begins the show by diving into the concept of performance, how to maintain a high-performing website, and providing the best user experienceSponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksContinuous performance audits in Nuxt with Lighthouse CI and Github ActionsZero JSCrittersJakub AndrzejewskiTwitter: @jacobandrewskyPicksJakub - Dungeons & Dragons Online® on SteamAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Uche Azubuko is a lead frontend engineer at OneLiquidity and a STEM educator passionate about having specific pursuits, advocating for women in tech, community building, and teaching people better ways to live and work. He joins the show to discuss his article, "How to Use TypeScript with Vue.js: Your Go-to Guide". He starts off by talking about some of the projects in which he would use Typescript. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksHow to Use TypeScript with Vue.js: Your Go-to Guide | JavaScript in Plain EnglishLinkedIn: Uchechukwu Azubuko GitHub: UcheAzubukoUche AzubukoUchechukwu AzubukoTwitter: @UcheAzubukoPicksUche - Farzi (TV Series 2023- ) - IMDbUche - Money Heist (TV Series 2017-2021) - IMDbSteve - The Hiding Place: The Triumphant True Story of Corrie Ten BoomAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Daniel Roe returns to the show alongside guest host Drew and Steve to talk about the new releases and changes in Nuxt. He begins by explaining the difference between Nuxt and Nuxt Labs. He also talks about migrating from Nuxt 2 to Nuxt 3. Moreover, he tackles future projects and plans for the framework. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksNuxt👋 Welcome to NuxtDaniel RoeTwitter: @danielcroeTwitter: @drewrbaker_Run Studio RunPicksDaniel - Mastodon: ExploreDaniel - Engineering Management for the Rest of UsDrew - :where()Drew - Brad Woods' Digital GardenAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Most software developers have done freelancing at some point in their careers, so today, Steve and Drew get together to discuss what is involved in freelancing. They cover topics such as how to find work, how to price it, how to get paid, and everybody's favorite topic, paying taxes. They finish with picks, and the high point of every episode, Steve's dad jokes of the week.SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksContract KillerNumbeo F You, Pay Me PicksDrew - Nuxt: A vision for 2023Steve - Behind The Song: Horatio Spafford & Philip Bliss, "It is Well with My Soul"Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve sits down with returning guest host Drew Baker to talk about what makes a good programmer. They each list their top five characteristics and find that there is a lot of crossovers between their lists, and as always, go down a few rabbit trails on things like code comments. They end with Steve's famous dad jokes and some new exciting CSS features.On YouTubeWhat Makes A Great Programmer With Drew Baker - VUE 207SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksSiteinspireFunkhausTwitter: Drew BakerPicksDrew - Scroll-Linked Animations With the Web Animations API (WAAPI) and ScrollTimeline | CSS-TricksDrew - AnimXYZAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Debbie O’Brien is a Senior Program Manager on the developer division community team at Microsoft. She returns to the show with Steve to talk about the Microsoft tool called “Playwright”. It is a framework for Web Testing and Automation. Moreover, they go into how the testing works, its useful features, and how it has more advantages than other testing solutions.SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksPlaywrightDebbie O'BrienTwitter: @debs_obrienPicksDebbie - Playwright | DiscordDebbie - The Pyramids of EgyptDebbie - Wednesday (TV Series 2022– ) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve talks with Adam Jahr of Vue Mastery about online Vue training. They talk about the history of Vue Mastery, how it is structured, and the details of what goes into making the fantastic, professional-looking videos they create. The Magic Of Vue Mastery with Adam Jahr - VUE 205 | YouTube Video Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links VoV 108: Inside Vue 3 with Gregg Pollack Vue Mastery Vue Mastery Courses Twitter: @AdamJahr Twitter: @VueMastery Picks Adam - The White Lotus | Official Website for the HBO Series | HBO.com Adam - VueFire Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve sits down with guest host Drew Baker to talk about their experiences and tips about getting hired as a web developer these days. Steve covers his experiences both as a job seeker and the person doing the hiring and along with Drew, tells some great - and not-so-great stories about job hunting from both sides. Along the way, they provide some (hopefully) helpful tips on job hunting, such as how to write cover letters and resumes, and what employers are looking for as you go through the hiring process. Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Twitter: @drewrbaker_ Funkhaus.us Picks Drew - State of CSS 2022 Steve - Front end developer and back-end developer | #Corporate #software #meme Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

  Get the Black Friday/Cyber Monday "Focus Blocks Bundle" Deal Coupon Code: "THRIVE" for a GIANT discount   Are you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back?  Or, maybe you're a freelancer or entrepreneur who is trying to figure out how to deliver more value to gain or retain customers?  Mani Vaya joins Charles Max Wood to discuss the one thing that both of them use to more than double their productivity on a daily basis.  Mani has read 1,000's of productivity books over the last several years and has formulated a methodology for getting more done, but found that he lacked the discipline to follow through on his plans.  The he found the one thing that kept him on track and made him so productive that he is now getting all of his work done and was able to live the life he wants.  Chuck also weighs in on how Mani's technique has worked for him and allows him to spend more time with his wife and kids, run a podcast network, and a nearly full time contract.  Join the episode to learn how Chuck and Mani get into a regular flow state with their work and consistently deliver at work.  Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve and special returning guest host Erik Hanchett sit down with John Leider of VuetifyJS to talk about the recent 3.0 release of Vuetify.  They discuss the conversion from Vue 2 to Vue 3, the people behind Vuetify, and some of the ways Vue 3 makes things easier in Vuetify.  Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Vuetify 3.0 docs VoV Episode 110 VoV Episode 156 VoV Episode 183 with Erik Hanchett Twitter: @zeroskillz Picks Erik - Amplify UI - Build UI fast with Amplify on React John - Figma: the collaborative interface design tool. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Today, Steve talks with Lane Wagner, creator of boot.dev, and online programming school. After getting distracted by the fact that Lane's first name reminds Steve of "Better Off Dead", they discuss how the concept of functional programming is or isn't actually used in the composition API in Vue 3, along with the awesomeness of Vite and Lane's experience in upgrading from Vue 2 to Vue 3. Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Twitter: @wagslane Lane’s Blog Picks Lane - boot.dev Lane- Better Call Saul (TV Series 2015-2022) - IMDb Lane- esbuild - An extremely fast JavaScript bundler Steve- Is Turbopack really 10x Faster than Vite? · Discussion #8 · yyx990803/vite-vs-next-turbo-hmr Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

When writing a Vue application, debugging is a very effective tool for figuring out the cause of a problem. Steve talks with Cecelia Martinez about her recent talk at Vue Conf about all of the various tools that are available to help debug javascript applications and some Vue-specific options.Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links How to debug Vue Apps - YouTube Resources & Examples npm-link Debugging Vue Applications Twitter: @ceceliacreates Picks Cecelia - Centered - Your work, done. Cecelia - Party Corgi Rubber Ducks, Stickers, & More! · Learn With Jason Store Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

David Neal is a web developer who started to learn to draw as a way to liven up his conference talks. Along the way, his drawing skills and reach have grown, and he uses those skills in multiple avenues. David talks about his history in tech and drawing, how he learned, and how it has become an effective rule for him. He and Steve discuss their love of dad jokes and David's love of bacon, and how he lost weight eating nothing but bacon. Sponsors Top End Devs Coaching | Top End Devs Links The Illustrated Book of Dad Jokes Show and Tell ReverantGeek Twitter: @reverentgeek Picks David- The Sketchnote Handbook - Rohdesign David- Thick Cut Bacon the Wright Way | Wright® Brand Bacon David - Benton's Bacon Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Along with returning guest host Luke Diebold, Steve talks with Laravel framework creator Taylor Otwell, They cover the history of Laravel, the Laravel ecosystem, how and why Taylor chose to integrate it with Vue, how Laravel and Vue are now used and distributed as part of Jetstream and InertiaJS, and even how Laravel got its name.  Along the way, they cover topics such as Narnia, Star Trek, and end with great dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links GitHub: taylorotwell Twitter: @taylorotwell Picks Luke- Building REST APIs with Laravel Orion Steve- We rebuilt our entire application Taylor- Star Trek: Lower Decks (Official Site) Watch on Paramount Plus Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Steve sits down with Silvan Mühlemann and talks about his history with Vue. They cover a couple blog posts of Silvan's where he uses Vue to generate various PDF types, and then talk about his development history and how he and his company got into Vue. They with Silvan's picks of some great AI tools, and of course, Steve's fantastic dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links Silvan Mühlemann Mühlemann&Popp - digital business models Events - tilllate.al How VueJS can replace Photoshop (sort of) How to generate beautiful-looking PDFs in Single Page Applications Picks Silvan- GitHub - CompVis/stable-diffusion: A latent text-to-image diffusion model Silvan- Introducing Whisper Steve - Dad Jokes Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Today we talk with Denise Gürsoy, a full stack developer from the Netherlands, currently working as a GO developer. We discuss his Medium article about implementing alternate methods of calling APIs in Vue.js. Sponsors Top End Devs Coaching | Top End Devs Links API calls in Vue.js GitHub: denizgursoy Deniz GÜRSOY  Picks Charles- Irish Gauge Charles- JavaScript Remote Conference 2022 Charles - How to Stay Current Course (coming soon) Charles - Book Club for developer books (coming soon) Charles - Coaching | Top End Devs  Charles- I Am Not A Serial Killer (John Cleaver, 1) Charles- The Lord of the Rings: The Rings of Power - Season 1 Deniz- Ocean's Twelve (2004) - IMDb Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve sits down with Vue developer Shashikant S. Wagh to talk about his Vue Sortable Table. They discuss the various config options and the main selling point that allows the user to re-order items in the table via drag and drop. Shashikant makes a very old-school book pick, and as always, Steve has his great dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links Introducing Vue Sortable Table GitHub - shashikant-wagh/vue-sortable-table GitHub - SortableJS/Sortable LinkedIn: Shashikant (Shashi) Wagh GitHub: shashikant-wagh Picks Shashikant- The Republic Steve- QR codes | Dan Hollick Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Today we talk with Fred Schott, the co-creator of Astro. Being involved with open source web development for a decade, and working on several teams at Google, including Chrome and Polymer, he is now one of the biggest promoters of Astro. We talk about how Astro, as a static site generator, helps to solve the over-use of javascript on the client side.In this episode... Origin story of Astro Component structure Routing Integration vs. UI frameworks Astro with e-commerce sites Server-side rendering capability Sponsors Top End Devs Coaching | Top End Devs Links The Great Divide | CSS-Tricks Astro | Build faster websites Twitter: @FredKSchott Astro Lounge | Discord Picks Fred- Svelte Summit Fall 2022: The first in-person Svelte only conference Steve- MV7 Steve - Dad Jokes Steve- Day of the Year Dad Jokes (@789dadjokes) * Instagram photos and videos Steve- ViteConf Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Valeri Karpov, maintainer of the popular Mongoose library for Nodejs, visits the show again to talk about a new Vue 3 feature of provide/inject and how it's much better than props, how he uses Vue templates inside Node, tests template output with the cheerio library, and then how he uses plain js, html, and css files for email templates. As always, they end with picks, including a discussion of the The Hobbit and the Lord of the Rings books, and movies, and as always, Steve tops it off with his amazing dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links Using Provide and Inject in Vue.js Provide / Inject | Vue.js Reactivity in Vue 3 Use HTML Files as Vue Templates with Webpack cheerio GitHub: vkarpov15 Twitter: @code_barbarian Picks Val- Dreadgod (Cradle Book 11) Steve- The Hobbit (TV Movie 1977) - IMDb Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Today we talk with the director of engineering, Jeremy Tomlinson, and communication specialist, Rich Kurtzman, from Fathym.  Described as an “innovation acceleration engine,”  we discuss how Fathym provides the building tools which allow jr. and sr. engineers alike contribute to development.  The platform allows use of your own code, low code, or leveraging Fathym’s no code build tools. Sponsors Top End Devs Coaching | Top End Devs Links How to Deploy Vue.js Sites on Fathym Modular frontends are fantastically functional fathym 4 JavaScript frameworks you should know in 2022 How to Build a Headless WordPress with Vue.js How to use Netlify CMS and host with Fathym Twitter: @FathymIt  Instagram: @fathymit Picks Jeremy- Star Trek: Strange New Worlds (Official Site) Watch on Paramount+ Rich- The Sopranos Rich- Star Trek: Discovery (Official Site) Watch on Paramount+ Rich- Watch The Mandalorian | Full episodes | Disney+ Rich - Dad Joke Steve- Overview - Nuxt 3 Essentials | Vue Mastery Steve - Dad Jokes Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In today’s episode, we talk with special guest Sanchitha SR about her article titled How to Communicate between Components in Vue.js.  We cover the five ways that we can send data from one component to another:  Using Props Using Events Using Event Bus Using provide/inject Using this.$refs Sponsors Top End Devs Coaching | Top End Devs Links Building a Global State Management Library with Andrew Courtice - VUE 171 How to Communicate between Components in Vue.js 7 Component Communications in Vue 3 GitHub - developit/mitt: Twitter: @SrSanchitha Sanchitha SR - Medium LinkedIn: Sanchitha SR Picks Sanchitha - Watch Flavors of Youth: International Version | Netflix Official Site Sanchitha - Normal People Sanchitha - Conversations with Friends Steve- Dad Jokes Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Today Steve talks with Val Karpov, the lead maintainer of Mongoose, the most used database framework on NPM.  Val gives a brief history of Promises and Async/Await, talks about how they work.  We learn the reasoning behind the new functionality, and how it works in VUE.  Be sure to check out Vals book and his blog articles on The Code Barbarian and Mastering JS. Sponsors Top End Devs Coaching | Top End Devs Links Mongoose Mastering Async/Await v1.1.0 The Code Barbarian | www.thecodebarbarian.com Mastering JS The Far Side Comic Strip by Gary Larson - Official Website | TheFarSide.com GitHub: vkarpov15 - Overview GitHub - vkarpov15/simple-promise: Simplified implementation of promises for learning purposes Overview - Nuxt 3 Essentials | Vue Mastery Picks Steve- Calvin & Hobbes Search Engine - by Bing Steve - Dad Jokes Val- Drink LMNT | Paleo-Keto Friendly Hydration | Zero Sugar Electrolytes Val- Watch Alexa & Katie | Netflix Official Site Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve talks with Milad Dehghan, a Vue developer for Trengo in The Netherlands, to talk about his blog post on creating a VueJS component library. They start with the basic definitions of component libraries (aka design systems) and atomic design principles and then dive into the specifics of how he does it in VueJS They also get into short discussion on Astro, and Steve makes Milad laugh hysterically with his amazing dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links Create a Vue.js Component library without losing your mind Trengo | Customer service software Atomic Design by Brad Frost Twitter: @milad_d3 miladd3 - Overview Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Today Steve talks with Alex Vipond, a front end engineer at Better Help, about the many ways to reuse code and make it cleaner in Vue 2 and Vue 3.  We discus Vue Directives, Vue Mixins, Renderless Components, and Composables, and talk about the benefits of using them.  Be sure to also catch his book on the topic which will be re-released soon with a major update. Sponsors Top End Devs Coaching | Top End Devs Links Organizing Code by Logical Concern in Vue 3 by Alex Vipond - YouTube Baleada BetterHelp | Professional Therapy With A Licensed Therapist Composables | Vue.js VueUse Twitter: @AlPalVipond Picks Alex- Watch Bo Burnham: Inside | Netflix Official Site Alex - Vue and Vite updates coming soon! Steve - Dad Jokes Steve- Vue Mastery Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

 Daniel Roe joins us today to talk through the new Nuxt 3 features.  We talk about his journey to be come one of the core contributors on the Framework team at Nuxt Labs.  He gives us insight on a typical day, and the process of tackling tasks for the week.  We discuss the contributions to RFC’s on GitHub, Incremental Static (Re)generation, and his experience at Vue Amsterdam. Sponsors Top End Devs Coaching | Top End Devs Links JSJ 408: Reading Source Code with Carl Mungazi Vue Language Features (Volar) - Visual Studio Marketplace Preview.js asciinema - Record and share your terminal sessions, the simple way NuxtLabs: Intuitive Web Development Histoire - Vue.js Amsterdam Discussions · nuxt/framework London Alley - London Alley Twitter: ‎@danielcroe Daniel Roe LinkedIn: Daniel Roe Picks Daniel - Thought Controls Room Fragrance Steve - Dad Jokes Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode we have special guest Cody Bontecou, a senior full-stack engineer at Dept in Amsterdam.  Working remotely from Hawaii, he enjoys primarily writing in VUE 3, but is using VUE 2 for his current projects.  The primary focus of today’s discussion is to discuss his blog article Convert a React Component to Vue.js.  We talk through his experience converting a timeline component, and in doing so compare the differences between React and a VUE.   Sponsors Top End Devs Coaching | Top End Devs Links Convert a ReactJS Component to VueJS For fast and secure sites | Jamstack codybontecou.com Twitter: @CodyBontecou Twitter: @wonder95 Picks* Cody- Outliers: Why Some People Succeed and Some Don't* Steve - Dad Jokes Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

This week Steve and first-time host Drew Baker talk with Daniel Roe about the new features of Nuxt 3 which has just been released in Beta. We dive into discussions on topics such as the new page-routing syntax, the nitro server, unstorage, zero-config, svg’s, and composables. Sponsors Top End Devs Coaching | Top End Devs Links Server Engine Picks Daniel - Raycast Daniel - Thought Controls Room Fragrance Drew - Nuxt Enterprise Support Steve - Dad Jokes Special Guest: Daniel Roe.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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In today’s episode we talk with Drew Baker, the technical director at Funkhaus, a digital agency specializing in web development, branding, identity and full content programming. This engineering team of six people work mostly in Vue, and with a Webby award for their work on Songs from Scratch, we gain a lot of background, tips and lessons learned from their work. He gives us insights to what Nuxt is compared to VUE, and what features makes it his tool of choice. We also look forward to what is coming next with the release of Nuxt 3 and that that means for the VUE coders. Sponsors Top End Devs Coaching | Top End Devs Links Funkhaus Songs from Scratch Heroku Forces User Password Resets Following GitHub OAuth Token Theft GitHub: Funkhaus Picks Drew - Max Howell’s tea Drew - Max Howell's Article Steve- Max Howell's Tweet Special Guest: Drew Baker.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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, we talk with special guest Samuel Adewole. He is a front end engineer at Jagaad in Italy, working in design & development of cloud-based applications, mobile apps and scalable products. We discuss his work with building re-usable components with Vue 3. He walks through step by step, giving insight to the process and pieces of his work. Sponsors Top End Devs Coaching | Top End Devs Links Jagaad JavaScript in Plain English Mouvi Samador Samuel on Twitter Samuel on LinkedIn Samuel on Medium Samuel on GitHub Picks Samuel - Lupin on NetFlix Special Guest: Samuel Adewole.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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Erik Hanchett is a prominent voice in the VueJs community with his popular Program With Erik YouTube channel, courses, and other resources. Erik now works as a developer at Amazon Web Services, so today Erik talks about how Vue is used at AWS in the Amplify UI tools. He goes over what Amplify is, how it helps developers easily create and configure AWS resources for their websites, and the Amplify UI components he works on that developers can use to create their front end and talk to the back end. As always, Steve brings the great dad jokes, and they discuss some new TV shows that they like. Sponsors Top End Devs Coaching | Top End Devs Links Amplify docs Amplify UI docs GitHub - vueuse/vue-dem Amplify on Github GitHub - aws-amplify/amplify-ui Picks Erik- Outer Range (TV Series 2022– ) - IMDb Special Guest: Erik Hanchett.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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve talks with Anomal Soman about Keycloak, an open source tool for handling authentication and authorization in web apps. They discuss the various installation and environment options for running Keycloak, how to set it up and configure it, the various options in setting up users and roles, and how to easily integrate it with Nuxt. Sponsors Top End Devs Coaching | Top End Devs Links How To Integrate Keycloak in NuxtJs Step by Step Guide to Setup Keycloak on Local Machine Keycloak Vue Gates Special Guest: Anamol Soman.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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay and Steve get to talk with Matias Capaletto (also known as Patak) about the explosive growth of the Vite ecosystem. They talk about how he got into Vite, and the work that’s gone into making it such a compelling ecosystem for a number of frameworks. They also discuss the origins of Vitest, the first-class test runner for Vite, and Matias’ recent hire by Stackblitz to work full time on Vite. Sponsors Top End Devs Coaching | Top End Devs Links The Vite Ecosystem | patak Views on Vue Episode 173: Diving into StackBlitz with Eric Simons - VUE 155 Views on Vue: Islands Architecture in Vue with Máximo Mussini - VUE 170 GitHub: vitejs/awesome-vite GitHub: originjs/webpack-to-vite Vitest Dev Vitest Introducing WebContainers: Run Node.js natively in your browser GitHub: patak ( patak-dev ) Picks Lindsay- GitHub: lindsaykwardell/vite-elm-template Lindsay- Particles CSS Lindsay- NoRedInk – Funding the Roc Programming Language Matias- Faker | Faker Special Guest: Matias Capeletto.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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay and Steve talk with Subha Chanda, freelance developer, about a number of topics related to building and managing your own sites. They discuss Subha’s work as a writer, and his work writing for LogRocket (and others), focusing on his article on using ImageKit and Vue. They also discuss the current state of using Nuxt, integrating with a CMS, and what tools Subha reaches for when doing freelance work. Sponsors Top End Devs Coaching | Top End Devs Links Nemotivity Image branding with ImageKit and Vue.js - LogRocket Blog Global Image CDN with Real-time Image Optimization Headless CMS and Content API vsinder - Visual Studio Marketplace Picks Lindsay- Twitter: Introducing Wordle Wars! Multiplayer #Wordle Steve- passWORDLE Subha- WORLDLE Special Guest: Subha Chanda.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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay and Steve talk with Alvaro Saburido about TroisJS, the ThreeJS wrapper for Vue. They talk about Alvaro’s work with Vue at work and creating public content, and then dive into what Three.js is, what it does, and why it’s so exciting. Sponsors Top End Devs Coaching | Top End Devs Links Going 3D with Trois.js and Vue 3 Añade 3D a tu aplicación de Vue con Trois.js - YouTube Going 3D with Trois.js (Three.js + Vite) - YouTube VueDose Installation | TroisJS Bruno-Simon Github: Alvaro Saburido ( alvarosabu ) Picks Alvaro- Jakub Andrzejewski - DEV Community Alvaro- Nuxt3 Modules - YouTube Lindsay- Introduction | Vue.js Steve- Coming Into Vue: What's Next in Vue 3 Steve- Element 26 - Weight Belts, Knee Sleeves, Hand Grips, and Athletic Gear Special Guest: Alvaro Saburido.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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve talks with Alex Jover, a developer relations with Storyblok, and the owner of Vue Dose. They cover his history in programming, starting with Backbone.js and jQuery, and how he got into Vue, and also his history of involvement in the Vue community as a Vue Community member,Google GDE, which all lead to his current position at Storyblok. And as always, Steve wraps up the episode with his favorite dad jokes. Sponsors Top End Devs Coaching | Top End Devs Links Vuedose.tips Testing Vuejs components with Jest GitHub - alexjoverm/v-lazy-image GitHub - prettier/tslint-config-prettier Experts | Google Developers Understanding the Visual Editor - Storyblok Picks Steve- North Korea Hacked Him. So He Took Down Its Internet Special Guest: Alex Jover .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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 Devs Coaching | Top End Devs Links Introducing Svelte, and Comparing Svelte with React and Vue Josh Collinsworth Josh Collinsworth - writing and speaking Quina Picks Josh- SvelteKit Josh- The Third Web Josh- Material Kitchen coated pan Steve- Nuxt Image Steve- GitHub - GoogleChromeLabs/bubblewrap Steve- Hebrew wordle Special 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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 Devs Coaching | Top End Devs Links Tests that don't suck Decoupling Component Tests From Implementation Details with Preconditions Manual testing, E2E testing, unit testing – how to decide which testing strategy to use? Decoupling Vue components from side effects, the overengineered way - YouTube GitHub - maoberlehner/article-testing-dsl Vitest Picks Lindsay- showmy.chat Lindsay- Reusable Components - Michael Thiessen Lindsay- Views on Vue Episode 128: VUE 128: Templates to Scoped Slots - Reusable Components with Michael Thiessen Markus- Vanilla tea with creamer Steve- r/DadJokes - the best Dad Jokes on reddit Steve- Daily Dad Jokes | Podcast on Spotify Special Guest: Markus Oberlehner .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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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.dev https://remix.run https://intercoolerjs.org/ https://shoelace.style https://www.thisdot.co/blog/building-web-components-with-vue-3-2 https://copilot.github.com/ Lindsay’s Picks: https://gitpod.io Steve’s Picks: Everything I googled in a week as a professional software engineer - localghost BUDWEISER JERSEY GUYS "How You Doin'?" - YouTube How you doin' - YouTube Connect with Lindsay and Steve! https://twitter.com/lindsaykwardell https://twitter.com/wonder95 Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 Lim Advertising 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 Devs Coaching | Top End Devs Links Nuxt 3 is here! What does that mean for you? | Vue Mastery framework/packages/kit at main · nuxt/framework · GitHub LinkedIn: David (Chuka) Nwadiogbu GitHub: David Chuka ( ChuckD30 ) Twitter: DC. ( @CNwadiogbu ) Picks David- LottiePlayer Vue Component - npm David- LottieFiles Steve- 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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 Wardell Luke Diebold Sponsors Top End Devs Coaching | Top End Devs Links VuePress Introduction | Cypress Documentation Picks Lindsay- From Rails to Elm and Haskell - Richard Feldman - YouTube Lindsay- Persepolis Rising, by James S.A. Corey | The StoryGraph Luke- 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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

  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 Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discount Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 Wardell Steve Edwards Guest Andrew Courtice Sponsors Top End Devs Coaching | Top End Devs Links Harlem Fathom GitHub | developit/microbundle GitHub: Andrew Courtice ( andrewcourtice ) Twitter: Andrew Courtice ( @AndrewCourtice ) Picks Andrew- Raycast  Lindsay- Timberborn on Steam Lindsay- Download Microsoft Edge Web Browser | Microsoft Lindsay- React Podcast Steve- Random Phrase Generator Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Andrew Courtice.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 Dreams Top 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/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 Wardell Steve Edwards Guest Máximo Mussini Sponsors Dev Influencers Accelerator Level Up | Devchat.tv Links îles Islands Architecture Máximo Mussini Twitter: Máximo Mussini ( @MaximoMussini ) Picks Lindsay- The Expanse (9 book series) Lindsay- Babylon's Ashes, by James S.A. Corey | The StoryGraph Lindsay- elm-css 17.0.1 Máximo- GitHub - antfu/unocss: The instant on-demand atomic CSS engine Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Máximo Mussini.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 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 Wardell Steve Edwards Guest Martin Malinda Sponsors Dev Influencers Accelerator Level Up | Devchat.tv Links <Lazy> rendering in Vue to improve performance Martin Malinda - Medium Twitter: Martin Malinda ( @martinmalindacz ) Picks Martin- Manta Sleep Mask Lindsay- Home | PerfBuddy Lindsay- 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 Wardell Steve Edwards Sponsors Dev Influencers Accelerator Level Up | Devchat.tv Links JSJ 443: All About InertiaJS with Jonathan Reinink From Nuxt to Astro - Rebuilding with Astro Nuxt 3 Picks Lindsay- Railway Lindsay- Fig Steve- Best Practices (Why I Hate Them) Steve- standup.trex- Instagram Steve- 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 Accelerator PodcastBootcamp.io Level Up | Devchat.tv Links devMode.fm Craft CMS nystudio107 Twitter: nystudio107 ( @nystudio107 ) Picks Andrew- The White Lotus Andrew- Wasabi Peanut Crunchies Steve- PunHub on Instagram Steve- 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 Eseme Steve Edwards Guest Henry Eze Sponsors Dev Influencers Accelerator Level Up | Devchat.tv PodcastBootcamp.io Links Generating files in a Vue application using Hygen Production-Grade Vue.js Docuvaluate Godofjs Eze Henry - Medium GitHub: Henry Eze ( god-of-js ) LinkedIn: Henry Eze Twitter: developer on musical steroids ( @godofjs ) Picks Henry- AI - Driven Customer Support Automation Solomon- Profaily Solomon- Mastering Backend Development Steve- The Very First Webcam Was Invented to Keep an Eye on a Coffee Pot at Cambridge University 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: 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 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. 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 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. 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 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. 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 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. 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 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. 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 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. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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

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

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

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

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

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

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

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

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

Timi Omoyeni joins the podcast to discuss reactivity in Vue. Timi and the panel discuss the react and the ref methods and how they fit into a reactive paradigm within Vue and wander through Timi's story and the use cases for reactive programming within Vue apps. Panel Lindsay Wardell Luke Diebold Solomon Eseme Steve Edwards Guest Timi Omoyeni Sponsors Dev Influencers Accelerator Links Timi Omoyeni - Smashing Magazine Timi Omoyeni, Author at LogRocket Blog Reactivity In Vue Twitter: Timi ( @timipapi ) LinkedIn: Timi Omoyeni Timi Omoyeni Picks Lindsay- Vue.js Global Summit Luke- Hygen | Hygen Solomon- RaaS (Research as a Service) Model? Timi- getequity.io 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: Timi Omoyeni. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck dives into the 3 essentials for getting the next successful outcome you want in your career. Whether that's something simple like a raise or something more complex like going freelance, you can achieve it by working on 3 main areas. First, building skills. The most obvious type of skills you'll need is technical skills. However, don't neglect your people skills and your organizational skills as well since you're often paid for how you work with people and enhance their work and how you put your work together in the most efficient ways. Second, building relationships. Often other people will be able to help you find the opportunities or will be the ones to make the decisions that impact your ability to get the outcome you want. Having good relationships is key to having good outcomes. Third, building recognition. Being known for being valuable in important ways allows you to leverage the skills you have to build better relationships and create opportunities to get what you need to get the outcomes you want by giving people what they want. A podcast is a great way to do all three. Chuck explains exactly how that works in this podcast and goes deeper as part of the Dev Influencers Accelerator. Panel Charles Max Wood Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay, Steve, and Luke Diebold discuss SEO in Nuxt with Anamol Soman. We talk about how he got started with Vue, and his initial blog posts on Nuxt. We dive into SEO, what it is and why it's important, and how to integrate plugins with Nuxt to improve search engine optimization. We also discuss some of the difficulties developers run into with optimizing their sites. Panel Lindsay Wardell Luke Diebold Steve Edwards Guest Anamol Soman Sponsors Dev Influencers Accelerator Links Building Scalable Applications with Quasar – VUE 146 | Devchat.tv Vue Mastery Make your Nuxt.js Application SEO Friendly JSJ 476: Understanding Search Engines and SEO (for devs) – Part 1 | Devchat.tv JSJ 477: Understanding Search Engines and SEO (for devs) – Part 2 | Devchat.tv Anamol Soman - Medium Meta Tags and SEO - NuxtJS Netlify Analytics Fathom Analytics  LinkedIn: Anamol Soman Picks Lindsay- Slidev Luke- Metabase Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Luke: Twitter: Luke Diebold ( @LukeDiebold ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Anamol Soman. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck explains what he taught Nathan last week when we asked how to get hired at a FANG (Facebook Apple/Amazon Netflix Google) company. Essentially, it boils down to how to build the skills and knowledge needed to pass the interview. How to build the relationships to get into the door and have the interviewer want you to succeed. And how to build the reputation that has the company wanting you regardless of the outcome. This approach also works for speaking at conferences, selling courses, and other outcomes as well as it's the core of building a successful career as an influencer. Panel Charles Max Wood Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck explains what he taught Nathan last week when we asked how to get hired at a FANG (Facebook Apple/Amazon Netflix Google) company. Essentially, it boils down to how to build the skills and knowledge needed to pass the interview. How to build the relationships to get into the door and have the interviewer want you to succeed. And how to build the reputation that has the company wanting you regardless of the outcome. This approach also works for speaking at conferences, selling courses, and other outcomes as well as it's the core of building a successful career as an influencer. Panel Charles Max Wood Sponsors Dev Influencers Accelerator Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve talks with Valeri Karpov about Vue 3, how it compares to Vue 2, and what are some of the new features are. Val is also the maintainer of Mongoose, the Nodejs tool for working with MongoDB, so they discuss Val’s coding journey, how he got into working with Mongoose and Vue, and what he’s working on now. Panel Steve Edwards Guest Valeri Karpov Sponsors Dev Influencers Accelerator Links Vue Tutorials - Mastering JS Twitter: Valeri Karpov ( @code_barbarian ) GitHub: Valeri Karpov ( vkarpov15 ) Picks Steve- The wholly pun bible - Instagram Steve- Why Don’t Sheep Shrink In The Rain? Valeri- Mastering JS Valeri- Will Wight: Books Valeri- Netlify Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards Special Guest: Valeri Karpov. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay and Steve talk with Maya Shavin about XState, a library for building finite state machines. We talk about what XState is, how it compares to global state management tools like Vuex, and how to integrates it with Vue. We also discuss XState's visualizer, which helps developers see how their state machines work. Panel Lindsay Wardell Steve Edwards Guest Maya Shavin Sponsors Dev Influencers Accelerator Links VoV 113: CSS and Components with Maya Shavin | Devchat.tv Image and Video Upload, Storage, Optimization and CDN Maya Shavin - Web developer | Speaker | Blogger | Organizer | Bookworm XState - JavaScript State Machines and Statecharts GitHub | davidkpiano/xstate Usage with Vue | XState Docs GitHub | mayashavin/vue3-xstate-demo XState Visualizer Twitter: David K. ( @DavidKPiano ) Damian Dulisz on Twitter Twitter: Maya Shavin ( @MayaShavin ) Picks Lindsay- The Initial Preview of GUI app support is now available for the Windows Subsystem for Linux Maya- Mac - Apple Steve - Why You’re Christian - David Perell Steve- Daniel 5 NIV - The Writing on the Wall Steve- Leviticus 16:6-10 NIV - "Aaron is to offer the bull for his own sin" Contact Lindsay Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve Twitter: Steve Edwards ( @wonder95 ) Special Guest: Maya Shavin . Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck was on a strategic call with one of his potential coaching clients talking about cryptocurrencies and realized that this is one of the major reasons that people want to become influencers. Or, rather, that many people aspire to make a difference and/or make money and the best way to do that is to become the person people go to for what you do. So, how do you become the first person people think of when they think of that thing you know how to do? Let Chuck tell you. Panel Charles Max Wood Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck was on a strategic call with one of his potential coaching clients talking about cryptocurrencies and realized that this is one of the major reasons that people want to become influencers. Or, rather, that many people aspire to make a difference and/or make money and the best way to do that is to become the person people go to for what you do. So, how do you become the first person people think of when they think of that thing you know how to do? Let Chuck tell you. Panel Charles Max Wood Sponsors Dev Influencers Accelerator Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Charles talks about the things that get developers stuck when they're trying to start their podcast or other influencer channel. He explains how to get around having those things hamper your journey. Panel Charles Max Wood Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay and Steve talk with Luke Diebold and Paolo Caleffi (Callo) about Quasar, a Vue framework that provides a path to build applications for web, desktop, and mobile platforms, while providing a highly customizable Material Design component library. We talk about what it is, how it works, and how to get started, as well as integration with a backend such as Laravel. We also discuss the pain points developers may run into, and what's coming next with Quasar 2. Panel Lindsay Wardell Steve Edwards Guest Luke Diebold Paolo Caleffi (Callo) Sponsors Dev Influencers Accelerator Links Quasar Framework Getting Started - Pick a Quasar Flavour | Quasar Framework How to setup a PWA with Quasar and Laravel Quasar + Laravel Sanctum SPA - YouTube App Extensions | Quasar Framework QuasarCast Make Apps with Danny - YouTube Quasar Framework 2020 Quasar Survey QuasarCast - Podcast Twitter: Luke Diebold ( @LukeDiebold ) Twitter: Paolo Caleffi ( @pcalloc ) Picks Lindsay- This Dot Labs Lindsay- Caliban's War (The Expanse #2) by James S.A. Corey Luke- Vuex ORM Luke- Laravel Orion Luke- Atomic Habits by James Clear Paolo- Open-source alternatives | Opensource Builders Paolo- Make It Stick: The Science of Successful Learning  Contact Lindsay Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve Twitter: Steve Edwards ( @wonder95 ) Special Guests: Luke Diebold and Paolo Caleffi . Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Charles Max Wood talks about how to build, grow, and benefit from positive relationships within programming. He talks about how he's built genuine positive relationships with hundreds of programmers and how he and others have grown from those relationships. He also explains that you get out of relationships what you put into them. Finally, he goes into how to begin to build relationships by building a system of influence you can use on behalf of the people you want relationships with. Panel Charles Max Wood Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay and Steve talk with Solomon Eseme, Software Engineer and Technical Writer. They discuss how Solomon got into web development, his journey from the frontend to the backend (and back again), and how he came to use Vue. They dive into Solomon's blog post on building a chat app with Socket.io and Vue 3, and its impact at an enterprise that read it. We also talk about Solomon's upcoming project, Profaily. Panel Lindsay Wardell Steve Edwards Guest Solomon Eseme Sponsors Dev Influencers Accelerator Links Mastering Backend Development Profaily Twitter: Solomon Eseme ( @Kaperskyguru ) Picks Lindsay- This Dots Labs: Vue 3 Composition API - "ref" and "reactive" Steve- DoesTHEDogDie.com Contact Lindsay Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve Twitter: Steve Edwards ( @wonder95 ) Special Guest: Solomon Eseme. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Charles Max Wood discusses several opportunities that came his way early in his podcasting career and other opportunities that have come to other people after only a couple of podcast episodes. He explains why that happens and how you can use this to create more influence as a developer. Panel Charles Max Wood Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay and Steve discuss Web Workers with Martins Onuoha. They talk about Martins' start in programming, and how he came to love Vue for its simplicity. Martins explains what Web Workers are, when they are useful, and how to integrate them with a Vue application. Panel Lindsay Wardell Steve Edwards Guest Martins Onuoha Sponsors Dev Influencers Accelerator Links Using Web Workers Vue Applications. VUE 137: Using Laravel and VueJS in an Enterprise Application | Devchat.tv JSJ 443: All About InertiaJS with Jonathan Reinink - JavaScript Jabber Laravel Jetstream Using Web Workers Vue Applications. | Devjavu vue-worker -npm GitHub: Martins Onuoha ( MartinsOnuoha ) Twitter: this.OnuohaSef ( @OnuohaOfficial ) Picks Lindsay- Magic: The Gathering Lindsay- Vue.js Global Summit Martins- Vue SFC Playground Steve- icanhazdadjoke Contact Lindsay Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve Twitter: Steve Edwards ( @wonder95 ) Special Guest: Martins Onuoha. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Charles Max Wood started podcasting because it sounded fun and because he wanted to talk about technology. He learned pretty quickly that it got him access to people who understood the things he wanted to learn. The reasons changed over the years, as Charles explains before he talks about the big payoff he gets now from doing the podcasts. Panel Charles Max Wood Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Charles Max Wood started podcasting because it sounded fun and because he wanted to talk about technology. He learned pretty quickly that it got him access to people who understood the things he wanted to learn. The reasons changed over the years, as Charles explains before he talks about the big payoff he gets now from doing the podcasts. Panel Charles Max Wood Sponsors Dev Influencers Accelerator Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Jason Weimann started out as an enthusiast of the Massively Multiplayer Online Role Playing Game, Everquest. After becoming a software developer and building a collaborative community playing the game, learn how he used his connections to get a job working for the company that made the game, even if it wasn't a job working as a game developer and how that led to a career working on one of the most popular online games of the time. Panel Charles Max Wood Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay and Steve discuss building and hosting a blog using Vue. They discuss their own blogs, and dive into options for managing content with markdown or headless CMS, building the site with Vue or Nuxt (and others), and where to host Panel Lindsay Wardell Steve Edwards Sponsors Dev Heroes Accelerator Links Devchat.tv | BONUS: Adding a Content Engine to Your App with a Headless CMS with Jake Lumetta Headless CMS and Contentless API | ButterCMS Prismic CMS: The Headless Website Builder for Jamstack Devchat.tv | VUE 135: Netlify CMS and Nuxt with Daniel Kelly Netlify CMS | Open-Source Content Management System Images optimization with Cloudinary in Nuxt apps Forestry Ghost Devchat.tv | VUE 130: Nuxt and Storyblok with Alba Silvente Fuentes Devchat.tv | VUE 137: Using Laravel and VueJS in an Enterprise Application Devchat.tv | JSJ 476: Understanding Search Engines and SEO (for devs) – Part 1 How to use the Storyblok Image Service with Vue.js - Storyblok Picks Lindsay- S08E06 Modern Web Podcast - Tailwind JIT and Utility CSS Steve- Dad Joke Contact Lindsay Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve Twitter: Steve Edwards ( @wonder95 ) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck outlines how he's used his podcasts to find mentors to continue his learning journey over 12 years of podcasting. Some mentors have been long lived relationships while others have lasted only a few months or even days. This episode shares Chuck's experience learning from the top people in the development community as a programmer and podcaster. Panel Charles Max Wood Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck outlines how he's used his podcasts to find mentors to continue his learning journey over 12 years of podcasting. Some mentors have been long lived relationships while others have lasted only a few months or even days. This episode shares Chuck's experience learning from the top people in the development community as a programmer and podcaster. Panel Charles Max Wood Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay and Steve talk with Debbie O'Brien, Head Developer Advocate at Bit and former Head of Learning at Nuxt about her new position. We talk about what Bit is, and how they are bringing a new approach to component development. We also talk about how Debbie is having to learn React, what that looks like for an experienced Vue developer, and ways we learn new frameworks and libraries. Panel Lindsay Wardell Steve Edwards Guest Debbie O'Brien Sponsors Dev Heroes Accelerator Links Devchat.tv | VoV 118: Nuxtify Everything with Debbie O’Brien React.js Learning Path - Be Productive with React.js, Today's Most Popular Framework Epic React by Kent C. Dodds The Beginner's Guide to React Vueconf.US 2021  Twitter: Debbie O'Brien ( @debs_obrien ) Picks Debbie- Just-In-Time: The Next Generation of Tailwind CSS Lindsay- Juralen Lindsay- Introduction to Vite - Next Generation Frontend Tooling Lindsay- SpaceTraders API Steve- Instagram: The wholly pun bible ( @pun_bible ) Steve- Instagram: Tyrannosaurus Rex ( @standup.trex ) Contact Lindsay Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve Twitter: Steve Edwards ( @wonder95 ) Special Guest: Debbie O'Brien. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay and Steve talk Nuxt 3 with Daniel Roe, Framework Engineer at Nuxt. We talk about upcoming features, including Nitro (the new server-side renderer for Nuxt), serverless deployment with Netlify or Vercel, Nuxt Kit, and an upcoming Nuxt CLI. We also dive into deployment options, and how to deploy you application in Nuxt 2 and 3. We end with a discussion on release date, and how you can participate in the private alpha for Nuxt 3. Panel Lindsay Wardell Steve Edwards Guest Daniel Roe Sponsors This Dot Labs Dev Heroes Accelerator Links Devchat.tv | VoV 126: Vue Composition API and Nuxt with Daniel Roe GitHub | nuxt-community/awesome-nuxt Explore Nuxt Modules State of Nuxt {2,3} Nuxt 3 in Action Nitro - Vuejs Amsterdam GitHub | vueuse/vue-demi Vite Tooling.Report Announcing Vite 2.0 GitHub | unjs The target Property - NuxtJS The generate Property - NuxtJS Twitter: NuxtJS ( @nuxt_js ) Twitter: Daniel Roe ( @danielcroe ) Picks Daniel- Around Daniel- Josh W Comeau Daniel- UK Lockdown End Date - Roadmap for Lifting Restrictions Lindsay- flowchart.fun Steve- Bytes Contact Lindsay Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve Twitter: Steve Edwards ( @wonder95 ) Special Guest: Daniel Roe. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Charles Max Wood goes into the origin story of his podcasting career and how it relates to his programming career. He starts with his interest from a young age in technology and his dreams of being a radio DJ. He moves quickly through college and into his first job after college where he was introduced to podcasts by a co-worker who had purchased an iPod. He calls out several mentors like Gregg Pollack, Eric Berry, Nate Hopkins, Cliff Ravenscraft, David Brady, Dave Jackson, and many more. He then explains what he'd do differently if he were starting today. Join the Dev Heroes Accelerator at https://devchat.tv/hero Panel Charles Max Wood Sponsors This Dot Labs Dev Heroes Accelerator Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay talks with Anthony Fu, full-time open source contributor and author of Vitesse, an opinionated template for using Vite. We explore some of Anthony's work in open source, and what inspired him to use Vite to rebuild his site. Panel Lindsay Wardell Guest Anthony Fu Sponsors This Dot Labs Dev Heroes Accelerator Links Anthony Fu GitHub | vuejs/composition-api GitHub | vueuse/vue-demi Vite Icônes GitHub | antfu/vite-plugin-components GitHub | kn0wn/vitesse-lite Twitter: Anthony Fu GitHub: Anthony Fu Picks Anthony- GitHub | windicss/vite-plugin-windicss Anthony- GitHub | windicss/windicss Lindsay- Leviathan Wakes by James S.A. Corey Contact Lindsay Twitter: Lindsay Wardell ( @lindsaykwardell ) Special Guest: Anthony Fu. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay and Steve talk to Alex Grozav, creator of the Inkline UI framework. We discuss how he came to web development, and what led him to creating his own UI framework. We talk about the differences between Inkline and other common frameworks, as well as the driving principles behind Inkline's design. Alex also shared his advice for anyone looking to build a UI framework or library. Panel Lindsay Wardell  Steve Edwards Guest Alex Grozav Sponsors This Dot Labs Dev Heroes Accelerator Links Vue.js UI/UX Library - Inkline xkcd: Standards rscss Twitter: Alex Grozav Twitter: Inkline Picks Alex- Design better data tables Lindsay- Web Development & Design Tutorials Steve- Tenet (2020) Steve- Psychiatrist: Americans Are Suffering From ‘Mass Delusional Psychosis’ Because Of Covid-19 Contact Lindsay Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve Twitter: Steve Edwards ( @wonder95 ) Special Guest: Alex Grozav. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay talks with Austin Story, Technical Lead at Doximity, about their adoption of Vue server-side rendering and eventually Nuxt. We talk about the challenges the team faced, and how they reacted to the shift. We also discuss the difference between the Ruby and JavaScript ecosystems, and how those languages impact development choices. Panel Lindsay Wardell Guest Austin Story Sponsors Dev Heroes Accelerator Links Managing a Large in Place Migration to Nuxt js by Austin Story | VueConf US 2020 HTML OVER THE WIRE | Hotwire Phoenix Framework Livewire | Laravel Devchat.tv | VoV 124: Why End-To-End Test using Cypress with Gleb Bahmutov GitHub | vitejs/vite Twitter: Austin Story Picks Austin- Things You Should Never Do, Part 1 - Joel on Software Austin- Dmitry Soshnikov Austin- Roundsy Austin- Work @ Doximity Lindsay- Wayside School (book series) Lindsay- Refactoring UI Contact Lindsay Twitter: Lindsay Wardell ( @lindsaykwardell ) Special Guest: Austin Story. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

The panel talks with Jay Hariani, CTO of GovTribe. GovTribe is an enterprise application built with Laravel and VueJS that provides government contractors with a centralized location for available government contract and grant information that is easily searchable and customizable. The discussion covers why GovTribe went with Laravel and Vue, what their strengths are, and other tools that GovTribe uses to get very good SEO results and customer satisfaction. Panel Lindsay Wardell Raymond Camden Steve Edwards Guest Jay Hariani Sponsors Dev Heroes Accelerator Links GovTribe GitHub | vuejs/laravel-elixir-vue-2 GitHub | GoogleChrome/rendertron D3.js - Data-Driven Documents Chart.js | Open source HTML5 Charts for your website D3 in Depth | In depth information on D3.js Picks Jay- AirPods Max Lindsay- Youtube | Rene Ritchie Lindsay- Saffron Raymond- Tenet (2020) Steve- Scrooged (1988) Special Guest: Jay Hariani. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

John-Daniel Trask, founder and CEO of Raygun, talks about his experience building a monitoring company and about how to measure the speed and quality of your code. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

John-Daniel Trask, founder and CEO of Raygun, talks about his experience building a monitoring company and about how to measure the speed and quality of your code. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay, Steve, and Raymond talk with Michael Tintiuc, tech lead at Modus Create and author of the Ionic Vue library. We discuss what Ionic is, how Michael integrated it with Vue, and how everything works together for building mobile applications. We also discuss Michael's experience as a designer and using multiple languages, and how that impacts his work as a developer. Panel Lindsay Wardell  Raymond Camden Steve Edwards Guest Michael Tintiuc Sponsors Next Level Mastermind Links Flame engine Ionic- cross-Platform Mobile App Development Announcing Ionic Vue - Ionic Blog Capacitor: A cross-platform native runtime for web apps Modus Labs by Modus Create Twitter: Michael Tintiuc Picks LIndsay- Testing Javascript with Kent C. Dodds Michael- Godot Engine Michael- Souls (series) Michael- GitHub | thestr4ng3r/chiaki Raymond- Antebellum (2020) Steve- 2 PORT KVM HDMI 2.0 VIDEO SWITCH - 4K 60HZ – QHD 144HZ - AUDIO OUTPUT & USB SHARING – 2X1 Special Guest: Michael Tintiuc. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay and Steve talk to Daniel Kelly about his theme for Nuxt, Awake, and his experience building it. We discuss Daniel's experience with Laravel, then compare PHP and JavaScript development. We talk about building the theme, integrating it with Netlify CMS, and the benefits of this approach. We also discuss the plugins Daniel is using in Awake to make it as fast as possible. Panel Lindsay Wardell Steve Edwards Guest Daniel Kelly Sponsors Linode Next Level Mastermind Links Awake Laravel Mongoose ODM v5.11.13 Nuxt js + Netlify CMS by Daniel Kelly | VueConf US 2020 Netlify CMS | Open Source Content Management System GitHub | maoberlehner/vue-lazy-hydration Devchat.tv | VoV 120: Vue Formulate with Justin Schroeder Twitter: Daniel Kelly Daniel Kelly.io Picks Daniel- The Libby App by OverDrive Daniel-  Vue Formulate Lindsay- Flame Engine Lindsay- Create a Mobile Game with Flutter and Flame Steve- xkcd: Nerd Sniping Special Guest: Daniel Kelly. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

We spoke with Marco about his book, Seriously Good Software, and what it means for developers. Panel Raymond Camden Steve Edwards Guest Marco Faella Sponsors Next Level Mastermind Links Seriously Good Software by Marco Faella Picks Marco- Clean Code: A Handbook of Agile Software Craftsmanship by  Robert C. Martin Marco- Java API Source code Marco- Sean Carroll's Mindscape Podcast Raymond- G.I. Joe Action Figures Steve- Start With No | Dylan Paulus Special Guest: Marco Faella. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Steve and Lindsay talk with Erik Hanchett about his experience teaching VueJS. Erik is a published author, prolific Youtube video creator, and has created multiple online courses all for the purpose of teaching Vue. The discussion ranges from how he creates runs his courses, to the benefits of writing for an established publisher, to developer job interviews, and finally certifications for developers. Panel Lindsay Wardell Steve Edwards Guest Erik Hanchett Links Devchat.tv- VoV 111: Educating about VueJS with Erik Hanchett Vue 360 | Program with Erik Vue 360 Course StackBlitz Manning | Vue,js in Action Self-Taught Or Not Youtube Channel: Program with Erik Full Stack Serverless: Modern Application Development with React, AWS, and GraphQL by  Nader Dabit Picks Erik- It Doesn't Have to Be Crazy at Work | Basecamp Erik- It Doesn't Have to Be Crazy at Work by Jason Fried and David Heinemeier Hansson Lindsay- Manning | The Jamstack Book by Raymond Camden and Brian Rinaldi Lindsay- The Octonauts Steve- The Greatest Showman (2017) Steve- La La Land (2016) Special Guest: Erik Hanchett. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay, Steve, and Raymond talk with Oscar Spencer, developer at Tidelift and creator of the Grain programming language. We discuss Vue's reactivity engine, both how it worked in Vue 2 and how it's changed for Vue 3. We also talk about some use cases, both within Vue and outside of it. Finally, we talk a bit about Grain, a strongly-typed functional language that compiles to WASM. Panel Lindsay Wardwell Raymond Camden Steve Edwards Guest Oscar Spencer Links @vue/reactivity-npm Grain-long.org Twitter: Oscar Spencer Picks Lindsay- NaNoWriMo Oscar- Netflix: The Queen's Gambit Raymond- TV Series: Gotham Steven- The Midnight - Sunset (Teen Movies Music Video) Special Guest: Oscar Spencer. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE (Coupon Code: GOALS for a massive discount) Mani Vaya joins Charles Max Wood to walk him through the 6 pillars of success that lead to meeting your goals. Mani has read thousands of books on success, setting and achieving goals, and personal growth and has distilled these 6 principles from the books and then figured out how to put them into practice. He and Chuck walk through the principles and strategies that create success and allow you to set goals that will bring you the things you want during the next year or so. Listen to this episode to learn how to crush your biggest goals in 2021. Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE (Coupon Code: GOALS for a massive discount) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay talks with Mitchell Romney about his journey into programming and video content creation. They discuss how Mitchell got started with IT, and found a passion for writing code. They also explore Mitchell's streaming and YouTube content, and his free course on Vue 3 for beginners. They discuss the importance of giving back to the community, working together, and having fun while programming. Panel Lindsay Wardell Guest Mitchell Romney Sponsors Audible.com Links Learn Vue 3 for Beginners - Full 2020 Tutorial Course Hello Web App by Tracy Osborn Django TypeORM Prisma EVERYTHING New In Vue 3 Twitter: Mitchell Romney Picks Lindsay- GitHub: State of JS Lindsay- State of CSS Mitchell- How To Fail With Elizabeth Day Special Guest: Mitchell Romney. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay, Steve, and Raymond talk with Anjolaoluwa Adebayo-Oyetoro (Jola), lead front-end developer at RevelFinance and technical writer at LogRocket. We discuss how his team found itself making too many API calls, and decided to move to GraphQL. We talk about what GraphQL is, its strengths, and how to solve common problems like usage in Vue and authentication. Jola also gives his tips on learning GraphQL, and where to go to learn it. Panel Steve Edwards Lindsay Wardell Raymond Camden Guest Anjolaoluwa Adebayo-Oyetoro Sponsors Audible.com Links The Fullstack Tutorial for GraphQL Apollo Client Developer Tools Vue Apollo Handling authentication in your GraphQL-powered Vue app GQLESS Picks Steve - Out of Body by NEEDTOBREATH Raymond - Wasteland 3 Jola - Twice as Tall Jola - Barcelona vs Bayern Munich [2-8], Champions League, Quarter-Final - MATCH REVIEW Lindsay - 168 AWS services in 2 minutes tweet  Special Guest: Anjolaoluwa Adebayo-Oyetoro. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay and Steve talk with Alba Silvente, senior frontend developer at Blue Harvest and ambassador for Nuxt and Storyblok. We talk about how she came to use Vue, and some of the technologies that she loves to use. We discuss her blog series on building a dashboard with Tailwind, Nuxt, and Storyblok. We also explore how to integrate Storyblok into a Nuxt app. Panel Lindsay Wardell Steve Edwards Guest Alba Silvente Fuentes Links Alba's Blog Storyblok Create a dashboard with TailwindCSS - Adding Storyblok Add a headless CMS to NuxtJs Picks Steve - Key Largo Steve - https://gbdeclaration.org/ Alba - Raised by wolves Lindsay - https://www.kickstarter.com/projects/terrainvicta/terra-invicta/description, Lindsay - https://www.monoprice.com/   Special Guest: Alba Silvente Fuentes. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

  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 Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discount Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, Lindsay and Raymond talk with Michael Thiessen about his new course, Reusable Components. We discuss Michael’s six levels of reusability, and his process in building the course to help developers have their own ‘aha’ moments with these concepts. We also talk about the tools Michael used to build the course, from coding in Vue 3 to hosting and authentication to video editing. We also gets Michael’s tips for someone wanting to build their own course. Sponsors Audible.com CacheFly Panel Lindsay Wardell Raymond Camden Guest Michael Thiessen Links views-on-vue/vov-121-reusable-components-with-michael-thiessen https://michaelnthiessen.com/6-levels-of-reusability https://tailwindcss.com/ https://www.rev.com/ https://michaelnthiessen.com/reusable-components Picks Lindsay Wardell: https://uxcel.com/ Raymond Camden:: www.goodreads.com/book/show/5945851-mata-hari Michael Thiessen: Tea time in the afternoon Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Michael Thiessen. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, Lindsay, Steve, and Raymond explore Svelte with Mark Volkmann, the author of Svelte in Action. We talk about what Svelte is, and how it compares to Vue. We also talk about Sapper, and all that it can do for a server-side generated application. Sponsors Audible.com CacheFly Panel Lindsay Wardell Steve Edwards Raymond Camden Guest Mark Volkmann Links https://mvolkmann.github.io/blog/topics/#/blog/meteor/ https://objectcomputing.com/resources/publications/mark-volkmann https://www.manning.com/books/svelte-and-sapper-in-action?query=mark%20volk Picks Steve Edwards: https://cesf.us Raymond Camden:: https://www.allrecipes.com/recipe/10033/iced-pumpkin-cookies/ Lindsay Wardell: https://github.com/lindsaykwardell/nuxt-plugin-github-api Mark Volkmann: https://www.meteor.com/ Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Mark Volkmann. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, Lindsay and Steve talk with Daniel Roe, CTO of Parent Scheme, about the Vue 3 Composition API. They discuss what the composition API is, and how it simplifies development of features in Vue. Daniel is also working on composition API hooks for Nuxt, and we dive into how these hooks work to enable SSR with Vue 3. We then talk about Vuex and the composition API, and whether you can (or should) replace it. Sponsors Audible.com CacheFly Panel Lindsay Wardell Steve Edwards Guest Daniel Roe Links https://twitter.com/danielcroe Forgot about this https://github.com/posva/pinia https://parentscheme.com/ Picks Steve Edwards: https://www.amazon.com/Tell-Your-Children-Marijuana-Violence/dp/1982103663 Unreported Truths about COVID-19 and Lockdowns: Part 1: Introduction and Death Counts and Estimates Unreported Truths about COVID-19 and Lockdowns: Part 2: Update and Examination of Lockdowns as a Strategy Lindsay Wardell: https://www.thisdot.co/ Daniel Roe: Netflix Series: BNA Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Daniel Roe. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, Lindsay and Steve talk with John Datserakis, software engineer at Indigo Ag. We catch up on what John’s been doing since his last appearance on the show, and discuss his experience working with React and Typescript in production. We talk about React hooks, and how they compare to Vue 3 Composition API. We also talk about how React is closer to plain Javascript compared to Vue’s ‘batteries included’ approach. Sponsors Audible.com CacheFly Panel Lindsay Wardell Steve Edwards Guest John Datserakis Links VoV 045: Comparing the React and Vue Ecosystems with a Real-World SPA with John Datserakis https://github.com/johndatserakis/koa-vue-notes-web https://github.com/johndatserakis/koa-react-notes-web Picks John Datserakis: Link Control Chrome Extension Steve Edwards: God’s Battalions: The Case for the Crusades Lindsay Wardell: https://tailwindcss.com/docs/release-notes https://wondery.com/shows/tides-of-history/ Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: John Datserakis. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, we talk with Gleb Bahmutov, VP of Engineering at Cypress, about the importance of end-to-end testing, and why to use Cypress for your tests. We discuss how to write tests that cover a majority of your codebase, as well as new features such as component testing. We also talk about code coverage, and generating reports to determine how well your tests work to validate your application. Sponsors Audible.com CacheFly Panel Lindsay Wardell Steve Edwards Guest Gleb Bahmutov Links http://www.cypress.io/ https://www.cypress.io/features https://on.cypress.io/code-coverage https://github.com/bahmutov/cypress-vue-unit-test https://www.scientistsforxr.earth/slideshttps://350.org/ Picks Gleb Bahmutov:  https://github.com/vitejs/vite https://www.xrebellion.nyc/the-emergency https://rebellion.global/ Steve Edwards: Vacation Lindsay Wardell: https://www.parts-people.com/ https://beta.editor.paperize.io/#/ Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Gleb Bahmutov. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, Lindsay and Steve talk with Raymond Camden about the upcoming Vue 3 release, and how it’s important for open source in general to communicate well with developers. We discuss the needs of developers who just want to get work done, and the need to not break the expectations around a library or framework. We talk about the Composition API, as well as new features like Teleport and Suspense. Sponsors Audible.com CacheFly Panel Lindsay Wardell Steve Edwards Guest Raymond Camden Links https://github.com/vuejs/vue/projects/6 Picks Raymond Camden: The CRPG Book: A Guide to Computer Role-Playing Games Steve Edwards: Dr. Lee presents Can’t Touch This Covid Parody Lindsay Wardell: TypeGraphQL Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Raymond Camden. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, Steve talks with Nick Basile of Lambda School in Auston, TX, about using Vue for rapid prototyping new projects. Nick talks about why he uses Vue, and how the prototyping works in Vue. We also digress slightly to discuss Tailwind CSS, a popular utility CSS library, and how it fits in with his prototyping process. Sponsors Audible.com CacheFly Panel Steve Edwards Guest Nick Basile Links http://commitly.io/ (coming soon!) nick-basile.com github.com/nickbasile https://twitter.com/nickjbasile Picks Nick Basile: Ghost of Tsushima Steve Edwards: The Hitchhiker’s Guide to the Galaxy Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Nick Basile. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, Lindsay talks with Michael Thiessen, who is working on a new course about Reusable Components. We dive into the six levels of reusability, and talk about how to make your components more flexible across your application. We also discuss when is a good time to start abstracting your components, and some ideas on handling large numbers of props. Sponsors Audible.com CacheFly Panel Lindsay Wardell Guest Michael Thiessen Links https://michaelnthiessen.com/reusable-components https://michaelnthiessen.com/clean-components https://michaelnthiessen.com/6-levels-of-reusability/ https://twitter.com/MichaelThiessen Picks Michael Thiessen: Produce Box Lindsay Wardell: Daily Plan Bar Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Michael Thiessen. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay talks with Justin Schroeder about Vue Formulate, a form library with some new ideas. We discuss how to build forms, the straightforward API for creating inputs, and how to customize the form. We also discuss how developers can bind directly to the form, rather than each component, and how validation is layered in at every step. Finally, we discuss form generation from JSON or objects, and how to create form groups. Sponsors CacheFly Panel Lindsay Wardell Guest Justin Schroeder Links https://vueformulate.com https://dev.to/justinschroeder/introducing-vue-formulate-truly-delightful-form-authoring Using Tailwind with Vue Formulate https://wearebraid.com https://twitter.com/jpschroeder Picks Lindsay Wardell: Granted by John David Anderson Justin Schroeder: The All-In Podcast Disney Plus Hamilton Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Justin Schroeder. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, Lindsay talks with Callum Macrae about the impact of the tech community on climate change. We discuss the impact of data centers and data transmission over the internet, some of the tech industry’s support of carbon emissions, and how we as individuals can make a difference. Sponsors CacheFly Panel Lindsay Wardell Guest Callum Macrae Links https://www.iea.org/fuels-and-technologies/data-centres-networks Google Halts AI Tools For Oil Extraction https://unboundwellness.com/dairy-free-queso ​​​​​​​ Picks Lindsay Wardell: Granted by John David Anderson Callum Macrae: The All-In Podcast Disney Plus Hamilton Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Callum Macrae. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, Lindsay and Steve talk with Debbie O’Brien, Head of Learning at Nuxt. We discuss Nuxt becoming a company, the new component and content modules, and the static module. We also talk about enhancements to the Nuxt documentation, providing new ways to learn Nuxt and ways to integrate it with other technologies. Sponsor CacheFly Panel Lindsay Wardell Steve Edwards Guest Debbie O’Brien Links https://twitter.com/debs_obrien https://debbie.codes/ Picks Steve Edwards: The Middle Lindsay Wardell: Native Script Playground Debbie O’Brien: The Sinner Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Debbie O'Brien. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay talks with Filip Rakowski, co-founder and CTO of Vue Storefront. They discuss how Filip got into programming, frontend development for eCommerce, and what led to the development of Vue Storefront. They also discuss what's coming in Vue Storefront Next, and Filip's experience with the Composition API. Filip also discusses launching open source projects early, and how he build a community around Vue Storefront. Panel Lindsay Wardell Guest Filip Rakowski Vue Remote Conf 2020 Links What is Vue Storefront Next? Picks Filip Rakowski: Follow Filip on Twitter > @filrakowski REWORK — the New York Times bestselling book about business. | Basecamp It Doesn't Have to Be Crazy at Work | Basecamp Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Vuex ORM Axios Frindle by Andrew Clements Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Filip Rakowski. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Building websites at an enterprise scale presents many challengers. In this episode the panel talks with Tim Benniks about how the global cosmetics brand L’Oreal uses VueJS in conjunction with Sitecor and other tools to develop websites for its many brands around the world. Tim also discusses his experience in building cross-cultural development teams, and the challenges presented by teams comprised of developers from multiple countries. Panel Steve Edwards Austin Gil Guest Tim Benniks Vue Remote Conf 2020 Links Tim’s Amsterdam talk Picks Tim Benniks: Follow Brad on Twitter > @timbenniks, Website, Github, email: [email protected] The Culture Map: Breaking Through the Invisible Boundaries of Global Business Tim’s YouTube channel Austin Gil: Follow Austin on Twitter > @Stegosource Think about things (song) The Function Call Moon Drops What the bleep Steve Edwards: Follow Steve on Twitter > @wonder95 Casablanca Making History: NASA and SpaceX Launch Astronauts to Space Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Tim Benniks. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

This week the Views of Vue panelists discuss the frameworks built using Vue. We start with the Vue CLI, then go into Gridsome and static site pros and cons, Nuxt and server side rendering, and Vuepress for simple setup and development. We also discuss other frameworks like Quasar, Vapper, and the experimental Vite. Panel Steve Edwards Lindsay Wardell Austin Gil Vue Remote Conf 2020 Links Nuxt.js Gridsome VuePress Quasar Framework vitejs/vite Vapper How We Used Gatsby.js to Build a Blazing Fast E-Commerce Site | by Mae Capozzi Pika - Search npm for fast, modern packages. Snowpack How to create a portfolio and blog using VuePress and Markdown - LogRocket Blog How to IDE-ify your GitHub Picks Austin Gil: Follow Austin on Twitter > @Stegosource NameSilo porkbun.com Cloudflare Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Board Game Arena One - An alternative to Uno There Is a Bird on Your Head! by Mo Willems Steve Edwards: Follow Steve on Twitter > @wonder95 Don’t Let the Pigeon Drive the Bus! – Pigeon Presents Follow Views on Vue on Twitter > @viewsonvue Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

  Join the 30-DAY CHALLENGE: "You Don't Know JS Yet" Lindsay, Austin, and Steve discuss some of their tips on how to build Vue applications. Our discussion ranges from auto registration of components, separating data by features, and error handling. Panel Steve Edwards Lindsay Wardell Austin Gil   Vue Remote Conf 2020 Links Loading SCSS globally Dynamically Generating Vue Router Routes From Directory Structure How to prevent browser refresh, URL changes, or route navigation in Vue Picks Austin Gil: Follow Austin on Twitter > @Stegosource Trader Joe’s Mushroom & Company Multipurpose Umami Seasoning Blend Begin Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh 6 Awesome Chrome Extension for Github Octotree - Chrome Web Store Steve Edwards: Follow Steve on Twitter > @wonder95 98.css - A design system for building faithful recreations of old UIs Bill & Ted Face the Music Announcement Follow Views on Vue on Twitter > @viewsonvue Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, we talk with Maya Shavin, a Senior Frontend Developer at Cloudinary. We talk about CSS component libraries, CSS-in-JS with Vue, and pros and cons with using libraries like Tailwind CSS. We also discuss Storefront UI, a component library focused on eConmerce. Panel Steve Edwards Lindsay Wardell Austin Gil Guest Maya Shavin Vue Remote Conf 2020 Links Maya Shavin - Performant Components through Customisation PurgeCSS Whitelist Fluid type with CSS Clamp Storefront UI Picks Maya Shavin: Follow Maya on Twitter > @MayaShavin, Website, email: [email protected] Animal Crossing Horizon Austin Gil: Follow Austin on Twitter > @stegosource Realm of the Mad God Kings Road Lindsay Wardell: Follow Lindsay on Twitter > @yagaboosh Visual Studio Codespaces Azure Static Web Apps The Journey to One .NET | Steve Edwards: Follow Steve on Twitter > @wonder95 Home Town Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Maya Shavin . Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Vue Remote Conf 2020 October 6th to 9th We talk to Tiago Alves about Nativescript-Vue - what it is, how is it different from Cordova or React Native, and why it's a good choice for building mobile apps. We talk about mobile components vs HTML, native APIs, and how to run your app while in development. Panel Steve Edwards Lindsay Wardell Austin Gil Guest Tiago Alves Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today!   Picks Tiago Alves: Follow Tiago on Twitter > @tiagoreisalves Woodworking   Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Battlestar Galactica World Vue (@world_vue)   Steve Edwards: Follow Steve on Twitter > @wonder95 SMGA| Render Functions, Icons, and Badges With Vuetify Austin Gil:: Jitsi.org - develop and deploy full-featured video conferencing Vuetensils Gvendolyn Faraday - Vuetensils UI Component Library - YouTube Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Tiago Alves. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Vue Remote Conf 2020 October 6th to 9th The Views on Vue panel talks with Erik Hanchett, prolific VueJS educator, about his new Vue 360 course and other educational resources he provides to the VueJS comunity. We also talk about personal branding and how to get started building your own brand. Panel Steve Edwards Lindsay Wardell Guest Erik Hanchett Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Create Awesome Vue.js Apps With Nuxt.js witk Erik Vue.js in Action by Erik Hanchett Introduction to Vue.js with Sarah Drasner Ember.js Cookbook Picks Erik Hanchett: Follow Erik on Twitter > @ErikCH, YouTube, Blog, Vue 360 course It Doesn't Have to Be Crazy at Work | Basecamp Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Wayside School Beneath the Cloud of Doom by Louis Sachar What is Meet Now and how do I use it in Skype? Steve Edwards: Follow Steve on Twitter > @wonder95 Uptown Passover Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Erik Hanchett. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Vue Remote Conf 2020 October 6th to 9th In this episode of Views on Vue, we talk to John Leider, the creator of Vuetify. We discuss how he started in programming and web development, and what led to the creation of Vuetify. We also talk about what's coming next with version 3, and how John is able to run an open source project as his business. Panel Steve Edwards Lindsay Wardell Guest John Leider "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Team Fortress 2 Materialize Vue Material - Material Design for Vue.js feat(size): create new effect by johnleider Picks John Leider: Follow John on Twitter > @zeroskillz, @vuetifyjs, email: [email protected] Vuetify on Discord Vuetify on Reddit Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Monoprice Height Adjustable PC Workstation Cart for Sit-Stand Guide to Internal Communication, the Basecamp Way Steve Edwards: Follow Steve on Twitter > @wonder95 IT IS WELL WITH MY SOUL- YouTube Figma Vuex ORM Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: John Leider. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, we talk to Brad Balfour, senior developer at Bloomberg, about how his team began to implement Vue in their existing applications. We also discuss how Vue let their team move faster, and how the Vue component ecosystem allows for quick development using existing solutions. We also talk about the experience of learning and implementing Vue on a large project with an existing team. Panel Steve Edwards Lindsay Wardell Austin Gil Guest Brad Balfour Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Vue Query Builder | Vue Query Builder Picks Brad Balfour: Follow Brad on Twitter > @bradbalfour, Website This is Akimbo KelbyOne | Online Photoshop, Photography & Lightroom Training Austin Gil: Follow Austin on Twitter > @Stegosource Fitness Blender HASfit Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Monoprice.com Stellaris | Paradox Interactive Steve Edwards: Follow Steve on Twitter > @wonder95 Demystifying: The Dark Art of SFC Compilationy Mondays with Mother FB show Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Brad Balfour. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, Lindsay, Steve, and Austin talk with Gregg Pollack of Vue Mastery about his course with Evan You on the new reactivity model in Vue 3. We also discuss the Composition API, and whether it is the right decision to use. At the end, we discuss marketing and building up an audience for your own video courses. Panel Steve Edwards Lindsay Wardell Austin Gil Guest Gregg Pollack "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Vue 3 Overview - Vue 3 Deep Dive with Evan You | Vue Mastery Why the Composition API - Vue 3 Essentials | Vue Mastery Creating the Best Video Programming Tutorials | Vue Mastery Reflect - JavaScript | MDN Proxy - JavaScript | MDN Picks Gregg Pollack: Follow Gregg on Twitter > @greggpollack, email: [email protected] Westworld Star Trek: Picard Austin Gil: Follow Austin on Twitter > @Stegosource JSDoc @ts-check jsconfig.json Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Deno 1.0 10 Things I Regret About Node.js - Ryan Dahl Steve Edwards: Follow Steve on Twitter > @wonder95 Pink Floyd: A Momentary Lapse of Reason Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Gregg Pollack. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, we talk to Amir Rustamzadeh about the end-to-end testing framework Cypress. We discuss what it is, what it's useful for, and how to test a Vue application. We also discuss mocking APIs, and how easy it is to get started with Cypress. Panel Steve Edwards Lindsay Wardell Austin Gil Guest Amir Rustamzadeh Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links cypress.io @vue/cli-plugin-e2e-cypress Introducing Firefox and Edge Support in Cypress 4.0 Testing Vue web applications with Vuex data store & REST backend Picks Austin Gil: Figma IcoMoon Lindsay Wardell: Follow Lindsay on Twitter > @yagaboosh, Github COVID19info.live: Real-time Updates & Stats for the Coronavirus HEY - Email at its best, new from Basecamp. Steve Edwards: Follow Steve on Twitter > @wonder95, Website Vice Verses CD Coronavirus COVID-19 (2019-nCoV) Amir Rustamzadeh: Follow Amir on Twitter > @amirrustam, email: [email protected] Whimsical: The Visual Workspace Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Amir Rustamzadeh. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

JavaScript Remote Conf 2020 May 13th to 15th - register now! Austin expands on his talk at VueConf US, discussing various methods to share data between components. We talk about props and events, slots and scoped slots, event bus, Vuex, and Vue.observable. We also share our experiences with each of those methods of data communication. Panel Steve Edwards Lindsay Wardell Austin Gil Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links Vue.js v-model vs. v-bind.sync Picks Austin Gil: Ulauncher Lindsay Wardell: Vue.js: The Documentary Uses.tech - repo of /uses sites for developers Follow Views on Vue on Twitter > @viewsonvue Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

JavaScript Remote Conf 2020 May 13th to 15th - register now! In this episode, Lindsay and Steve talk with Gwen Faraday about Vue component libraries: what they are, why you want them, and what they solve. We discuss a couple examples that Gwen likes (Vuetify and Element). We also talk about Gwen's upcoming courses on component libraries, and her live streaming on YouTube. Panel Lindsay Wardell Steve Edwards Guest Gwendolyn Faraday Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links VoV 079: Why Vue.js is the Best Framework Ever with Gwendolyn Faraday The Vue JS Bootcamp Foundation Faraday Academy Ecamm Live Picks Lindsay Wardell: Delta-V by Daniel Suarez Lindsay Wardell Cartographers' Guild Steve Edwards: Pitbull Gold PRO Skull Shaver Gwendolyn Faraday: Follow Gwendolyn on Twitter > @gwen_faraday Best Asimov Books Nine Tomorrows by Isaac Asimov Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Gwendolyn Faraday. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

JavaScript Remote Conf 2020 May 14th to 15th - register now! Vladimir Novick explains Hasura's graphQL implementation, and how easy it is to set up an interface to your SQL database. We then learn about Apollo Vue, and explore how to integrate it into your applications. Panel Lindsay Wardell Austin Gil Guest Vladimir Novick Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links The Ultimate Guide to handling JWTs on frontend clients Course Introduction | GraphQL Vue Apollo Tutorial Vue and GraphQL with Hasura video course Instant realtime GraphQL APIs on PostgreSQL | Hasura GraphQL Picks Austin Gil: iClever BK03 Bluetooth Keyboard Lindsay Wardell: Brave Browser Confessions of an Imaginary Friend by Michelle Cuevas Vladimir Novick: Follow Vladimir on Twitch, Website,YouTube Vue Apollo Key Light | elgato.com Keyboard Maestro 9.0.5: Work Faster with Macros for macOS Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Vladimir Novick. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

JavaScript Remote Conf 2020 May 14th to 15th - register now!   In this episode of Views on Vue, guest, Matt Brophy of Urban Outfitters speaks about how they do progressive form enhancement, and also dynamic Vuex modules for dynamic pages. Panel Lindsay Wardell Austin Gil Steve Edwards Guest Matt Brophy Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links Vue Mastery ValidityState Instance-Aware Vuex Modules Part 1 Instance-Aware Vuex Modules Part 2 Instance-Aware Vuex Modules Part 3 vuex-helpers Picks Matt Brophy: The Outsider Thursday Boots Austin Gil: Multi Charging Cables Lindsay Wardell: AlpineJS 10% Happier Steve Edwards: Steven Wright Special (1985) Follow Views on Vue on Twitter > @viewsonvueSpecial Guest: Matt Brophy. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

The Views on Vue panelists discuss components: They delve into what is it, when to create a new one, data management between components and their favorites. Panel: Lindsay Wardell Austin Gil Deane Venske Sponsors: Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links: Element - A Desktop UI Toolkit for Web SweetAlert2 Vue Material Design Component Framework — Vuetify.js Docs - Read Me ⋅ Storybook GitHub - euvl/vue-notification: Vue.js 2 library for showing notifications Vue Apollo Picks Austin Gil: PrimeVUE Playing Soccer Deane Venske: debugger - JavaScript | MDN AI Dungeon Lindsay Wardell: Replacing Vuex with XState - DEV Community Old CSS, new CSS / fuzzy notepad   Follow Views on Vue on Twitter > @viewsonvue Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Dean and Lindsay talk about the projects they're working on and the technologies they're using. Dean talks about using Apache Cordova and Firebase to build mobile apps. Lindsay is working on building his own card game and short circuited the physical design process by building an electron app. Keep listening to see what else they're working on. Panel Deane Venske Lindsay Wardell Sponsors Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links A Vue Cli 3 plugin for Electron with no required configuration NW.js Picks Deane Venske: Firebase Marak/faker.js Soda Stream Lindsay Wardell: Mirage JS • An API mocking library for frontend developers   Follow Views on Vue on Twitter > @viewsonvue Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Steve Edwards Lindsay Wardell Austin Gil Deane Venske Charles Max Wood Devlin Duldulao Sponsors: Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________   "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links: Laracasts Journey: Vue Lex Fridman - AI Podcast Posfest 2020 LastPass Open Source Password Management Solutions | Bitwarden Firefox Lockwise — password manager Buttercup Picks: Austin Gil: Inclusive Components ASUS ZenBook 14 Permanent Record: Edward Snowden Deane Venske: GitScrum | GitScrum Lifetime Deal Tolkien Lindsay Wardell: A Vue CLI plugin for trying out vue-next Vue-Channel Steve Edwards: Simplenote Charles Max Wood: Ready, Fire, Aim Harry Potter: Hogwarts Battle | Board Game Legendary: A Marvel Deck Building Game   Follow Views on Vue on Twitter > @viewsonvue   Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

The Jared Wilcurt, a prolific Vue developer leads the panelists of Views on Vue into an educational episode on writing tests in Vue. He also speaks about a library that he has been working on that solves a bunch of problems around snapshot testing in Vue. Panel: Steve Edwards Devlin Duldulao Austin Gil Deane Venske Guest: The Jared Wilcurt Sponsors: Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________   "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links: Snapshot Testing · Jest jest-serializer Vue Test Utils Clean Coders: Training videos. With personality. For software professionals. The Jared Wilcurt - DEV Community Picks: The Jared Wilcurt: Follow The Jared on Twitter @TheJaredWilcurt, Github, Website A Beautiful Day in the Neighborhood Devlin Duldulao: Calvin and Hobbes Deane Venske: The Witcher Series Daily - Source for Busy Developers Austin Gil: @types/jest - npm eslint-plugin-vue mostly-adequate-guide Steve Edwards: Safely Home by Randy Alcorn Special Guest: The Jared Wilcurt. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lindsay has been working with Gridsome for a while and leads the discussion about what Gridsome is and how it works. A bit of time is spent comparing it to Gatsby from the React Ecosystem. Lindsay also walks the panel through the process of building a Gridsome plugin. Panelists Charles Max Wood Lindsay Wardell Deane Venske Austin Gil Devlin Duldulao Steve Edwards Sponsors Springboard | Promo code "JABBER" gives $500 off the job-guaranteed Course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links The ultimate guide to comments for static sites – Shifter Views on Vue on Facebook Follow Views on Vue on Twitter @viewsonvue Picks Devlin Duldulao: Octotree Steve Edwards: King Kong Apparel Lindsay Wardell: Magic: Legends Austin Gil: Tailwind Particles Knife sharpener Deane Venske: Toggl - Free Time Tracking Software Charles Max Wood: The Man In the High Castle Magician: Apprentice   Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue, Charles Max Wood interviews speakers at GitLab Commit 2019. Eddie Zaneski from Digital Ocean talks about "Creating a CI/CD Pipeline with GitLab and Kubernetes in 20 minutes", Shamiq Islam from Coinbase talks about "Closing the SDLC Loop- Automating Security" and Jasmine James, from Delta Airlines, discusses " How Delta Became Cloud Native-Avoiding the Vendor Lock". Eddie, Shamiq, and Jasmine give the 5 min "elevator pitch" for the talks they gave at the conference. In his talk, Eddie deploys a fake startup going through the whole pipeline: building the application, containerizing an application and shipping it off to Kubernetes. Shamiq, talks about how the conventional approach to security is to consider it at the very end after all developer has wrapped up their work and why that should change. Jasmine explains more in-depth what it means for a big corporation like Delta to be in a Vendor Lock. Sponsors Cachefly Links Creating a CI/CD Pipeline with GitLab and Kubernetes in 20 minutes by Eddie Zaneski Hacktoberfest presented by DigitalOcean and DEV Commit Brooklyn 2019: Closing the SDLC Loop - A Security Panel by Shamiq Islam Commit Brooklyn 2019: How Delta Became Truly Cloud Native - Avoiding the Vendor-Lock by Jasmine James Special Guest: Eddie Zaneski. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue the panel interviews Daniel Purcell, asking him about using Cordova with Vue. He starts by explaining what Cordova is and how to get started with Cordova. The panel discusses using VueCLI with Cordova. Daniel explains how to make your app look like a mobile app and recommends some tools to help your app look more native.  The panel asks about the cons of using Cordova. Daniel explains how there is a small hit to the performance that rarely affects whether they use Cordova. The panel brings up the common complaint of camera problems, Daniel explains how to get past it.  The benefits of using Cordova are considered next. Daniel explains that debugging and building with Cordova is fast. It is also very economical because you can reuse much of your web apps in your mobile apps. He explains how easy it is to do this and walks the panel through it. They discuss push notifications. Daniel shares some of the apps they have built, the challenges they faced and how they overcame them.  The panel asks Daniel about testing Cordova apps, he walks them through beta testing in the Google play store and Testflight for iOS. The panel is intrigued by Codepush and how it allows you to dynamically update. Daniel shares resources for getting started and gotchas for developers to watch out for when using Cordova. Panelists Charles Max Wood Lindsay Wardell Deane Venske Austin Gil Guest Daniel Purcell Sponsors   CacheFly ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links https://github.com/m0dch3n/vue-cli-plugin-cordova  https://ionicframework.com/  Announcing the Ionic Vue Beta  https://microsoft.github.io/code-push/  Hero Kids - Fantasy RPG  https://www.velocitywebworks.com https://getyourmarriageon.com/ https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: Terry Brooks The MaxCoders Guide To Finding Your Dream Developer Job Lindsay Wardell: https://zapier.com/ The Terrible Two Deane Venske: The Santa Clause The Santa Clause 2 The Santa Clause 3: The Escape Clause Raymond E. Feist Daniel Purcell: Brandon Mull It's a Wonderful Life https://www.vim.org/ Austin Gil: Settings Sync  Web Accessibility Extension - Visual Studio Code  Polacode  :emojisense: Special Guest: Daniel Purcell. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue the panel interviews Mirjam Bäuerlein, a developer who is new to Vue. Mirjam starts by explaining her coding journey. She has been coding as a hobby since she was 11 and about 3 years ago decided to make it a career. Her work at the time moved her to frontend development in React; giving her the shot that she needed to get a jump on her new career path. Her newest job is using Vue and is the reason she switched to Vue.  The panel asks Mirjam about her first impressions of Vue and how she is enjoying the language. She shares with the panel what she enjoys about Vue and what she misses about React. Mirjam tells the panel what it has been like getting into development in recent years since most of the panel has been coding for a much longer. She explains how overwhelming it is learning code in the technology-saturated environment.  They discuss the challenges Mirjam faced, deciding where to start, staying focus on one thing and stemming the desire to try everything she found. They discuss the power of starting with basics such as CSS and HTML. They consider all the things you can do just by knowing CSS and HTML.  Mirjam gave a talk on how dog training relates to test-driven development. She trained dogs for years before becoming a developer and is very passionate about testing and test-driven development. These two passions drove her to give this talk. The panel asks her a few questions about training developers and how training dogs relate to test-driven development.  They continue to discuss testing and what tests are best. Mirjam loves unit tests. She explains why she thinks they are the best. The panel brings up a tweet explaining that integrations were the best. They debate what are the best types of tests but they all agree in the end. Just test your applications. She shares tips for writing and debugging tests. She finishes by explain what conference buddy is.  Panelists Charles Max Wood Lindsay Wardell Steve Edwards Austin Gil Guest Mirjam Bäuerlein Sponsors   CacheFly ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links   https://www.duolingo.com/  https://www.cloudflare.com/products/cloudflare-workers/  RuhrJS2019: Mirjam Bäuerlein: Reinforce yourself: a tale of dog training and test-driven development  https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: https://adventofcode.com/  https://javascriptforum.net/ Lindsay Wardell: Paleo Maple Pecan Apple Crisp {Vegan}  Steve Edwards: https://www.needtobreathe.com/ Mirjam Bäuerlein: https://www.conferencebuddy.io/  https://exercism.io/ Austin Gil: https://www.cloudflare.com/ https://www.duolingo.com/ Special Guest: Mirjam Aulbach ( Bäuerlein ). Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue the panel shares what their set-ups look like. They start by discussing IDE and text editors. Most of them use VScode for their setups but they like to use others when they need them. The panelist list some of their favorite plugins, Vetur, Prettier, Vue peeks, NPM, word counters, and spell checkers. They talk about Vue CLI and other CLIs they use.    Next, they talk about what machines they are all using. Most are currently using a Mac Book Pro. They discuss the pros and cons of using Mac products. Charles Max Wood talks about the desktop he built and how his next computer will be a PC. They consider Linux on Windows. They also compare Linux and Mac. Source code and deployment are discussed as well.    They finish by sharing the physical set-ups in their offices. They discuss furniture, how many monitors they use, how big their monitors are and the tools that make their day more comfortable. They discuss the merits of sitting and standing while working. Desk treadmills are considered. They also talk about working at home compared to working from the office.  Panelists Charles Max Wood Devlin Duldulao  Lindsay Wardell Steve Edwards Sponsors   Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://system76.com/pop  https://desktop.github.com/  https://jfrog.com/artifactory/  https://about.gitlab.com/ https://www.sharemouse.com/  Conquer Under Desk Portable Electric Treadmill Walking Pad  Anti Fatigue Standing Desk Mat  https://vuetifyjs.com/en/ https://github.com/nuxt/create-nuxt-app https://nuxtjs.org/ https://github.com/vuejs/vetur https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: A Christmas Story Rudolf the Red-Nosed Reindeer The Little Drummer Boy Santa Claus Is Comin' to Town The Ultimate Gift Lindsay Wardell: https://thedangercrew.com/ Steve Edwards: https://laughingsquid.com/mouse-cleans-up-tool-shed/  Devlin Duldulao: Rhinos Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode, the panel interviews Austin Gil, author of Vuetensils. Austin begins by explaining that Vuetensils is and why he wrote it. Vuetensils is a UI library filled with naked components that make it easy to build accessible apps. The panel explains that it is not as opinionated as other libraries making it easy to style yourself.  The panel discusses the need for accessibility and how painful it can be to write accessible apps. Austin explains that developers are what make accessibility hard. The web was designed to be accessible but incorporating design and style complicates it. Austins shares some of the components in Vuetensil and what they do for your app.  Vuetensils, Austin explains is designed to be as out of the way as possible while still giving you what you need. He explains how it differs from libraries like Vuetify and Bootstrap, with these tools you get everything. Vuetensils makes you choose the components you want, forcing you to stay lightweight. Vuetensils is ideal for small projects where you don’t need a lot of UI components.  Finally, the panel discusses the testing of Vuetensils. Austin explains that the library is still young and that he is still working on testing. He explains his plans for the future of Vuetensils and what it will take to get to a version 1 release. The panel discusses how to get started with Vuetensils and how to support it.  Panelists Charles Max Wood Lindsay Wardell Steve Edwards Guest: Austin Gil Sponsors   Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ___________________________________________________________   Links https://vuetensils.stegosource.com/  https://www.w3.org/ https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: White Christmas  Holiday Inn  The Court Jester  The MaxCoders Guide To Finding Your Dream Developer Job  Lindsay Wardell: https://typora.io/ Steve Edwards: Death Nut Challange 2.0  Austin Gil: Get involved in the Vue community Special Guest: Austin Gil. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue Charles Max Wood interviews speakers at JAMstack Conf SF His first interview is with Ire Aderinokun. Ire works for Buycoins, a cryptocurrency exchange for Africa. She gave a lightning talk, “Headless Chrome & Cloudinary for progressively enhanced dynamic content on the web”. After giving a brief overview of her talk to Charles, Ire defines progressive enhancement for the listeners.    Walking through how progressive enhancement works, she explains how Headless Chrome and Cloudinary helped her with the project she shared in the talk. Ire and Charles consider the blindspot that developers experience because they work on high-end devices and how using progressive enhancement helps those who use lower-end devices.   Ire shares her experience with JAMstack and explains how progressive enhancement works with JAMstack. Charles shares his experience using JAMstack. The episode ends with Ire giving advice and resources to help get started with progressive enhancement.    Next, Charles interviews Shawn Erquhart work runs the Netlify CMS project. Charles share his experience using Netlify and Shawn address some of the issues Charles has come across. Charles does say the using Netlify is simple, clean and nice. Shawn shares the origin story of Netlify. They discuss what it means to be a git-based content management system.    They discuss how to contribute to the Netlify CMS open source project. Charles mentions his book and they discuss how contributions to open source projects like these are a great way to get a job. Shawn explains how to get started implementing Netlify CMS and how they target different static site generators.  Finally, Charles interviews Tammy Everts. Tammy gives listeners a sneak peek into her talk about website performance, more specifically JavaScript performance. Charles discusses the performance of Devchat.tv and Google Lighthouse scores. Tammy explains that while Google Lighthouse is good it isn’t completely reliable and can miss chunks of time when your JavaScript is failing and you have unhappy users. Tammy shares ways to drill down and see how your JavaScript is behaving in the wild. She talks about blocking Javascript which every developer is familiar with and non-blocking JavaScript that has high blocking CPU time which makes for janky sites. Tammy and Charles discuss what CPU is and what it measures. Tammy names resources and tools to help avoid this problem.  Rules of thumb for avoiding these issues are explained by Tammy. First, Reduce, make sure all the JavaScript needs to be there. Next, Monitor, track your metrics. She also suggests working with vendors and maintaining a performance budget for metrics that matter. The interview ends with a little about Speedcurve and what they do. Tammy is the CXO of Speedcurve.  Panelists Charles Max Wood Guest Ire Aderinokun Shawn Erquhart Tammy Everts Sponsors   Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly   Links https://jamstackconf.com/sf/ https://speedcurve.com/ https://twitter.com/tameverts? https://buycoins.africa/ https://www.netlify.com/ https://www.netlifycms.org/ https://twitter.com/erquhart Headless Chrome & Cloudinary for progressively enhanced dynamic content https://github.com/ireade/caniuse-embed https://ireaderinokun.com/ https://twitter.com/ireaderinokun https://github.com/ireade https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Special Guests: Ire Aderinokun, Shawn Erquhart, and Tammy Everts. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue the new panel is introduced. Lindsay Wardell is a full-stack developer from Portland, Oregon. Steve Edwards was in tech support for 20 years and is a self-taught programmer who is now working full time in Vue. Devlin was a registered nurse, who studied development by night. Charles Max Wood, CEO of Devchat.tv, got a degree from BYU and has been in development and podcasting for about 13 years.  Each of the panelists shares what they are using Vue for, work and personal projects. The panel gives Charles advice on his project. They give recommendations for learning Vue and consider how simple Vue is compared to other more intimidating languages. They share their preferred learning mediums and styles, giving advice for those still discovering how they learn. They also discuss their preferred methods for writing code and preferred text editors.  Panelists Charles Max Wood Steve Edwards Lindsay Wardell Devlin Duldulao Sponsors   Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://quasar.dev/  https://vueschool.io/ https://www.vuemastery.com/ https://www.freecodecamp.org/news/vue-js-full-course/ https://www.programwitherik.com/ https://www.udemy.com/course/vuejs-2-the-complete-guide/ https://www.pluralsight.com/ How Data Modeling, Vuex, and APIs Work Together  https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: https://www.buymeacoffee.com/devchattv  Mr Krueger’s Christmas  It’s a Wonderful Life  Steve Edwards: Death Nut Challange 2.0  Lindsay Wardell: Vscode-dashboard Devlin Duldulao: Natural Selection Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue Charles Max Wood joins Mandy Michael at JAMstack Conf SF, where she gives a talk about responsive typography and variable fonts. Mandy explains what variable fonts are and how they can be used to shrink, stretch and do some very fun and creative thing with them. They discuss how to use them and Mandy explains some of the demos from her talk.    Charles asks Mandy what some of the things were that she had to cut from her talk. She had to cut a few longer demos, details and performance improvements that can be made with responsive typography. Mandy shares what she is working on now with responsive typography and explains how much fun she has had expressing herself through variable fonts. To see more of Mandy’s demos and to learn more about responsive typography and variable fonts see the links below.  Panelists Charles Wood Guest: Mandy Michael Sponsors Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://jamstackconf.com/sf/ https://variablefonts.dev/ https://codepen.io/collection/XqRLMb/ https://twitter.com/Mandy_Kerr? https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Special Guest: Mandy Michael . Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

This episode of Views on Vue is coming to you live from Microsoft Ignite with Charles Max Wood. With the changes in Views on Vue show and its hosts, Charles has decided to learn more of the Vue language. In order to do this he will be enrolling himself and whoever else wants to learn the Vue language to a Vue challenge. He describes the #100daysofvuechallenge he will launching which was modeled after a fitness challenge he did earlier. The developer who wants to be a part of the #100daysofvuechallenge has to commit a piece of code everyday and read up on blogs articles and other resources on Vue developing everyday. Charles himself will commit an hour a day to this everyday. Charles also talks about another app he is working on for people who produced podcasts can use. There is a recording technique called the "Double Ender" where two people recording a podcast remotely essentially sound like they are in a studio together. Most often podcasts are recorded on the same sound wave and if there is a lawn mover or a dog barking or some other noise while the person is talking it is harder to remove that on a single sound wave. What Charles is working on will remove this inconvenience, because people will be recording on their own sound waves, if there are two people asking two questions while talking over each other will sound like there is only one person asking one question. Panelists Charles Max Wood Sponsors Sentry– use the code “devchat” for two months free on Sentry’s small plan Ruby Rogues Podcast CacheFly _______________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get your copy today! _______________________________________________________ Picks Charles Max Wood: Microsoft Ignite Click here to win one of ten (10) prize packs as a listener of at least one of the Podcasts recorded at Microsoft Ignite 2019 https://www.kiwi.com Hyatt Regency Orlando www.doordash.com http://thedevrev.com/ https://maxcoders.io/ The MaxCoders Guide To Finding Your Dream Developer Job by Charles Max Wood   Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is available on Amazon. Get your copy here today only for $2.99! Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue Elizabeth Fine interviews Christian Kienle about his switch from native iOS development to Vue development. Chris starts by sharing his history as a developer and why he started using Vue. He shares his fascinating story. He nearly died which turned his life upside down. After going on a cruise that brought him back to his life, Chris wanted to build a cruise app. This made him looking into making a web app this all brought him to Vue.  Chris explains why he chose Vue. He didn’t know anything about web development and was very impressed by Vue’s description.  Elizabeth asks Chris about learning Vue. Chris explains that he soaked up the knowledge in the Vue docs like a sponge. He tells Elizabeth what he loves about Vue. Elizabeth asks Chris about his yearly code retrospection. Chris explains that every year he looks back at the code he wrote that year to see the progress he has made. They consider the benefits of this practice and Chris shares what it was like looking over his first year of using Vue.  Chris shares a project, MiniPress. He was impressed with VuePress and wanted to know how it worked. It took him a few months and a lot of research but he was able to build this mini version of VuePress. He and Elizabeth consider what he learned and the value of this learning method. Chris works for SAP. He and Elizabeth discuss the SAP component library and compare how their teams approach the libraries for both of their companies. Panelists Elizabeth Fine Guest: Christian Kienle Sponsors   Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://github.com/ChristianKienle/minipress https://www.staticgen.com/saber https://www.vuemastery.com/ https://github.com/SAP/fundamental-vue https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Christian Kienle: Compositional API Elizabeth Fine: A Brief History of Time Special Guest: Christian Kienle. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue panel discusses mental health. They start by sharing what they do in their free time and consider the value of having a balanced life with hobbies and time spent doing non-code related things. They discuss the importance of respecting your mental health and being aware of where you stand. It is possible to stay aware of things going on in the coding community and to be successful without coding in all your free time. The panel shares strategies and techniques they use to alleviate burn out. Taking breaks and days off. They stress the truth that a mental health day is a sick day. Focusing on the reason you are coding, the people. The panel warns against obligations that trap you in a toxic environment.  Inspiration is the next topic the panel discusses. Some of the things to keep their fire burning are considered. Ari explains how Views on Vue helps her stay inspired. Listening to other podcasts and connecting to people. They consider the value in building stupid and crazy tutorials. They discuss how relationships affect mental health.  Diagnoses and labels and how they affect us are considered. The panelists open up and explain how being diagnosed affected their mental health. Ways to support those around us with mental illness are explored. Ben explains three things to remember when dealing with anyone not just those with mental illness; be empathetic, ask questions and do not make assumptions.  When discussing ways to recognize when a coworker is struggling, Ben introduces red, yellow, green check-ins. He explains that at his work they all share where they are red, yellow or green. This way their team can be aware of their mental state. The panel explains how this activity could benefit them and their teams.  Panelists Ben Hong Elizabeth Fine Ari Clark Sponsors   Dev Ed Podcast Sentry– use the code “devchat” for two months free on Sentry’s small plan My Ruby Story CacheFly ________________________________________________________________________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood will be out on November 20th on Amazon.  Get your copy on that date only for $1. ________________________________________________________________________________________________________________________ Links Radical Acceptance https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Ben Hong: Cream City Code Steve Aoki Abstract Elizabeth Fine: https://github.com/Domenicobrz https://www.vuemastery.com/vue-cheat-sheet/ Ari Clark: Unbelievable Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

The guest panelist for this episode of Views on Vue is Michele Cynowicz. Michele is a senior front-end engineer at Vox Media. The discussion opens up with Ari asking Michele to share her background of how she got into development. She started in design in the late 1990’s and early 2000’s and transitioned into being a front end developer working with basic HTML and CSS and moved up into working with JavaScript, frameworks, and back end technologies. She has also worked with templating systems for Python and PHP. She is currently working on projects with Ruby on Rails and has recently worked on a project where she put a VueJS front end on top of a Ruby on Rails back-end. This project was the beginning of her forray into VueJS and this leads her into the topic for this episode, prototyping and the design cycle.  Ari asks Michele to elaborate more on what design means in this context and she shares a story of a time she was looking at a resume that was poorly designed, and the candidates’ attached portfolio had a poor user experience. Michele points out why the combination of these two factors made it challenging for the candidate to get job offers. Michele brings out the conclusion that it is possible to have a lifetime of front end user experience and have little to no exposure to user experience and design. She shares an overview of how the development process operates where she works and how design is involved in that process. Ari and Michele then have a discussion on usability testing, how they came to use it in their respective organizations, and how they put these concepts into practical application. The next topic covered by the Vue experts is functional prototyping. Michele explains what she defines a functional prototype, how they work with components, and shares an example. She also details what she calls a prototype wrapper and how it works. Michele explains how the process they go through for user testing helps to improve the usability of the application. Michele also explains some differences between agile and waterfall development methodologies. Elizabeth then asks Michele to share more detail on how she implements these ideas in production without exposing half finished code to the world. Michele shares that she uses these concepts in applications that require sign-in and in this way she is able to control who sees them. Michele shares how logistics can be an issue with her method of user testing. If users are in multiple locations, it can be difficult to work together. She details how she overcomes these types of challenges to build prototypes and keep them in production. Elizabeth then shifts the discussion to a more technical explanation of how this prototype scaffold works and the panelists discuss this in more detail as well as how to overcome some of the challenges presented. Michele is on twitter and can be reached in the vue vixens slack community. Panelists Ari Clark Elizabeth Fine Ben Hong   Guest Michele Cynowicz Sponsors Tidelift Sentry use the code “devchat” for 2 months free on Sentry’s small plan My JavaScript Story Links Vox Media Views on Vue Redesigning For State Management Agile Waterfall @michelecynowicz on twitter   Picks Elizabeth Fine Her Applesauce Recipe Webpack Bundle Analyzer Ben Hong Lucifer Netflix Series Super Pumped: The Battle For Uber Michele Cynowicz The Good Place Series Resilient Management Ari Clark Hello, Privilege, It’s me, Chelsea  Special Guest: Michele Cynowicz. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

On this episode of Views on Vue the panelists are joined by Filipa Lacerda. Filipa is a senior front-end engineer at Gitlab where they have been using Vue. The topic for this episode of Views on Vue is “the good, the bad, and the ugly” where the panelists discuss some of the positives of their experience with Vue as well as some of the struggles they’ve had.  Filipa starts the discussion with sharing that Vue comes with a great deal of power to deliver to the end user as well as an example of this that she has experienced. She also shares some of the bad, such as how when she started using Vue many of the standards that exist today did not exist then. Filipa shares a story from a time in the early stages Vue when she was able to kill a browser. The panelists also highlight some Vue worst practices.  Next, Filipa explains how it was difficult in the beginning to know which pipeline to use. She details how some of the linting rules and documentation she created came about. She also talks about the changes that came from adding Vuex to her environment. Ben then asks Filipa to detail how their architecture differs from Vuex. She shares the technical details of how they work with APIs differently and how this process helps to improve testing. Most of the repositories they use are open source. The Vue podcasters then move to discussing the style guide used at gitlab. Filipa shares that they use something called gitlab-ui where they keep all of their front end components. She also shares how they are migrating their shared components.  Ari then asks Filipa to share her story of how she came to be a developer. She shares how she started her time at university in communications and quickly learned that she wanted to change and received a degree in multimedia. When she started working she was a user experience designer and because she struggled with the design aspect of this job she learned how to code. She shares the technologies she used and how she became a proficient coder. Filipa shares some of the differences between working in React and working with Vue. The next topic covered by the Vue experts is Vue 3. Filipa explains that at Gitlab they always try to keep their dependencies as up to date as possible. The biggest obstacle to this goal is being able to deal with breaking changes that come in. When these breaking changes are introduced they are always able to resolve them and get their dependencies back up to date. At Gitlab they don’t like to retrofit old code with new technologies but they do like to use new technologies with new code moving forward. The Vue developers share their opinions on why refactoring old code with new features can provide challenges. Filipa presents the idea that it’s hard to make a case for refactoring old code with a new feature if the customer isn’t going to see a difference. Ari shares an example of when a refactor provided an opportunity to improve their product.   Panelists Ben Hong Ari Clark Erik Hanchett   Guest Filipa Lacerda Sponsors Tidelift  Sentry.io use code “devchat” for 2 months free My Angular Story Links Gitlab Vuex React gitlab-ui Meltano Filipa’s Website Filipa Lacerda Twitter Filipa Lacerda Github Filipa Lacerda Gitlab Picks Erik Hanchett Nuxt GraphQL TypeScript Ari Clark Explosions in the Sky - The Earth Is Not a Cold Dead Place Radical Acceptance Filipa Lacerda Remote Shift System of a Down Ben Hong Landslide by Dagny Anxiety Is The Dizziness of Freedom by Ted Chiang Special Guest: Filipa Lacerda. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sebastien Chopin is a front end developer who works mostly in JavaScript and is the creator of Nuxt.JS, a framework based off of Vue. Nuxt started as a JavaScript framework for application rendering and today it can be used to create any kind of application. One advantage of using Nuxt with Vue comes in with server side rendering. Even though a user can use Vue for server side rendering, they will need the use of outside modules where using Nuxt will help them to get started quicker.  After the Views on Vue panelists discuss the usage of Nuxt in server side rendering, Ari asks Sebastien to elaborate on how Nuxt can be used outside of server side rendering. Sebastien describes how Nuxt has a pages system that helps streamline the directory and folder structure of an application or web page. Nuxt also has features to help with navigation among other usages described by Sebastien. He also goes into further detail about the features of the pages system. The panel then covers Vuex and using Vuex to perform asynchronous operations, as well as how Nuxt streamlines this process. The next topic covered by the panelists is vue page transitions and how they work in Nuxt. Sebastien talks about how Nuxt uses components and modes to manage transitions and how to modify the page’s CSS appropriately. Ari then asks Sebastien what other features come with Nuxt out of the box in addition to transitions. Sebastien goes on to share these features that include the following: transitions, pages transition, templating, app customization, and browser comments. The panelists discuss the plugin ecosystem included with Nuxt.  The next topic covered by the Vue experts is the use of plugins and modules as well as some of the markdown centered authoring in Nuxt. Ben asks Sebastien if a markdown compiler would need to be a plugin or a module and how it would work. Sebastien explains that a user could use markdown by using a webpack loader and how to use modules to support it. Ari ask Sebastien to expound upon how Nuxt enables a quality developer experience when building static sites on a JAMstack. In response to this, Sebastien shares a story about when his brother joined him to work on the first edition of Nuxt. Together they used a generator command to read the pages directory and Sebastien shares the effect that had.  The panelists then move on to discussing the future of Nuxt and upcoming releases. Sebastien talks about his plans for the upcoming changes to NuxtJS.org and full static mode as well as other upcoming features. The panelists also discuss CircleCI and GitlabCI as well as other git tooling. Ari asks Sebastien what he does when he has spare time. Sebastien likes to browse twitter which he uses as his feed to keep up on what’s happening in open source. He also likes to keep current on the Javascript and Vue worlds. They also talk about the upcoming Nuxt projects that Sebastien is excited about. They wrap up with talking about social media in the community and how to get involved with NuxtJs.   Panelists Ben Hong Ari Clark   Guest Sebastien Chopin Sponsors Tidelift Sentry use code “devchat” for two months free JavaScript Jabber Links Nuxt.JS NuxtPress Vuex Webpack Loaders Nuxt + Markdown blog starter JAMstack Chuck Norris Database CircleCI NuxtJS Instagram NuxtJS Discord Server NuxtJS Github Sebastien Chopin Twitter Atinux github Atinux.com Vue.js Conference Amsterdam Picks Ari Clark Grace and Frankie Sebastien Chopin Thylacine Friends Vuepress 1.1 Gridsome 0.7 Ben Hong Gurenge by LiSA Demon Slayer: Kimetsu no Yaiba Super Pumped Special Guest: Sébastien Chopin. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

This episode of Views on Vue features Tracey Holinka, a web application architect with the role of front-end lead for Bloomberg industry group. The Views on Vue podcaster begin by asking Tracey how she got into Vue. Her Vue experience starts at work where she didn’t like the technologies they were using so she and a colleague decided to switch over to GraphQL, Apollo Client, and Vue. One of the many things that she appreciates about Vue is its diverse array of applications.   Ari begins a discussion on Vue and CSS by asking Tracey if she has found any notable differences, in terms of developer experience, between doing single file components or using Vue by including a script tag. Tracey responds to this by sharing her preference for single file components because she appreciates the division of the languages, or in other words she likes HTML files only having HTML, her CSS files only having CSS, and so on. She feels that with this separation of languages she can work faster and understand the code easier.   The Views on Vue panelists then ask Tracey how she handles CSS in her Vue development environment. She shares her opinion on how she used to prefer manual scoping, particularly for smaller projects and push CSS modules for larger projects. She then goes on to share why she now prefers CSS modules for projects of all sizes. She then goes on to share some of her best practices with the other Vue developers for writing proper CSS including ways to prevent collisions and when she uses CSS preprocessor. The panelists then asked Tracey how she knows when to modularize or componentize an element of a page or other functionality. In response to this question Tracey shares how she came up with her best practices and why she likes to componentize when she does.   Next the Vue experts discuss tools they use to help support the use of component libraries and ways to help other developers figure out what components are available. Tracey shares how she went to a Vue conference and heard about the component library Storybook as well as storyshot which is a plugin for Storybook that is used in regression testing. Storyshot works by taking an image of a component and uses it to check the CSS of a page. Since Tracy had been using Vue for about a year before using Storybook and storyshot, Ari asks how difficult it is to retroactively fit an application with these tools. Tracey shares that this retrofitting is easy, particularly more so if the user is familiar with unit testing already. The Vue experts also discuss different technologies that they use for unit testing such as Jest, Vue Util, Cucumber, and Webdriver.io. They discuss the benefits of using GraphQL and Apollo instead of the more common Rest API solution.   The final topics discussed by the Vue panelists are community building and women in the technology community. Tracey’s shares her observation that the Vue community is growing but she wants to focus on having more women involved. The panel holds a discussion about women in tech and some of the challenges facing them. They discuss some of the support that is out there for women to help them succeed in technology. The Vue community is a very inclusive community that is proactive about including everybody.  Special Guest: Tracey Holinka. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

On this episode of Views on Vue the panelists discuss their preferences for their development environments and tools. They begin with their preferences for text editor, font, and theme in their Vue development environments. All three currently use Visual Studio Code as their main text editor. Ari Clark switched to VS Code from Atom because she prefers the support that it has for Vue and Ben Hong switched from Sublime. Ben prefers the night owl theme and the operator mono font. On the other hand, Ari prefers the one dark pro theme for its syntax highlighting and prefers dank mono as her font. The Views on Vue panelists then go on to discuss their preferences on using the terminal. They weigh the pros and cons of using the integrated terminal and when they turn to other shells. The other potential shells that the Vue panelists discuss are Bash, Zsh, and Fish. The panelists focus on the speed and performance of the shells, and make an important note that not all shell commands are valid on other shells and the user will have to be familiar with the shell they are using. The Vue experts discuss whether they use the command line interface (CLI) or VS Code version control to manage their git version control. The panelists then weigh the pros and cons of different terminal shells they like to use. The panelists also briefly discuss how open they are to changing their development environment setup.  The topic then shifts to extensions for VS Code. The Views on Vue podcasters mention their preferences for a bracket colorizer, extension packs, code snippets and other tools. They talk specifically about the following extensions: Vue VS Code Extension Pack and Vue VS Code Snippets by Sarah Drasner, and Vetur created by Pine Wu, the latter of which the panelists identify as a quintessential extension for writing Vue. They discuss the merits of code snippet extensions as reusable code and creating them in VS Code.  They also discuss some of the different types of snippets that exist and how to use them. The Views on Vue panelists discuss ways to enforce best practices in addition to code snippets. They talk about using code generators like Hygen to automatically fill out the template for specific types of files. They share that creating unit tests helps to ensure best practices and that the code works as intended, as well as the differences between unit tests and end to end tests. They go over the strengths of an end to end testing tool called cypress. Tools like Husky or Yorkie allow you to add pre commit hooks to the package.json file that will automatically manage all the linting for a project.  Finally the panelists share their preferences browser tooling for Vue projects in addition to browser developer tools and their browsers of choice. Ari says that she prefers the previous version (version 4) of Vue devtools than the current version (version 5) and her reasons why. Chris Fritz shares that he likes Vimium for setting up quick navigation and Ben shares that he likes to use Keyboard Maestro. Panelists Ben Hong  Ari Clark  Chris Fritz Sponsors Tidelift Sentry.io use code “devchat” for 2 months free React Round Up  Elixir Mix Links Atom  Sublime Vue VS Code Extension Pack by Sarah Drasner Vetur by Pine wu  Vue VS Code Snippets by Sarah Drasner  Hygen  Cypress  VoV 007: Testing Vue.js with Cypress with Gleb Bahmutov Husky Vimium Keyboard Maestro Vue devtools Picks Ari Clark Gris  Ben Hong Ralph Breaks the Internet Chris Fritz Spiderman: Into The Spiderverse Children of Ruin Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Luca Mezzalira is an Italian developer. He is the VP of architecture at DAZN, a multi-country live streaming platform for sports, Google developer expert, and London JavaScript community manager. Luca got his start in programming 16 years ago when a friend told him about it and gave him a book. He was very intrigued and went on to learn multiple languages and travel the world for his job. For the last 4-5 years he’s been working in architecture, and is now the leader on thoughts on micro-frontends.  Luca first defines what he means by a micro-frontend. He advises that when designing a new application one should consider how to make it scalable from the beginning. His passion for micro-frontends came from working with DAZN, where they need to enable hundreds of people to work on the same project in different time zones and locations. This problem was solved by microservices.A microservice is a self contained, autonomous, independent service that can be deployed inside a system responding to an API you can consume. It only does one job, and when you have a backend that has multiple microservices you can move away from the old monolith, and scale one API at a time and apply an independent release of a service. Microservices are often applied to the backend, but Luca talks about how the same principles can be applied to the frontend. This is similar to the way that Netflix works. His advice is to think about how you can slice your frontend into individual pieces. Micro-frontends can work with both regular and micro-backends. Luca talks about how DAZN has developed, from a monolith front and back to utilizing microservices. He has found that using microservices has decreased the amount of code they release, increased their speed because decisions happen locally and independently from the rest of the program, and enables teams to work in parallel. Using microservices on both the front and backend has given this large organization greater agility overall.   Luca addresses some risks with using micro-frontends. It is important to identify your business model before implementing a micro-frontend. They are more effective when you know where your site traffic goes and you can slice your frontend properly. When applied correctly, microservices can enable your app to get more elaborate because it will only load the code that it needs.  Ari Clark wonders if having a micro-frontend helps you create autonomous teams with expertise that benefit your company or if the specialization affects your operational readiness if something goes wrong. One of the main challenges DAZN has had is knowledge sharing between teams, and he shares practices the company has implemented to help spread the information around to keep people from feeling isolated. He talks about how developer teams are set up in his company, with some temporary roles and some people in rotation. Developers are encouraged to change their team if they want to try another challenge. Luca has found that this set up causes people to stick around longer, but notes that it is important that your location be pretty stable in the number of people there before implementing this method. He also talks about how people other than developers are divided in the company.  Luca talks about some of the challenges they’ve had with this organization and the tools they’ve employed that are conducive to this business structure. Some of their management methods are working in small iterations, creating bridges between teams, and centralizing some teams. They are currently working on creating a structure where developers at any stage can chip in. The panel discusses the value of this business setup.  The panel asks Luca his feelings on code reuse. He believes it to be important, but not essential. He talks about how resing code is implemented in his company and how they are working on a way to make it better. Luca notes that if you have a unique framework you’re using, you need to have try to have multiple libraries of the same framework for different versions. He also talks about situations where he found duplicating code helpful. The show finishes with the panel discussing his article on micro-frontends on Medium.  Panelists Ari Clark Chris Fritz Elizabeth Fine Ben Hong With special guest: Luca Mezzalira Sponsors Sustain Our Software Sentry use the code “devchat” for 2 months free on Sentry’s small plan Elixir Mix Links DAZN Microservice  Amazon style dictionary I Don't Understand Micro Frontends by Luca Mezzalira Follow DevChatTV on Facebook and Twitter Picks Ari Clark: What We Do in the Shadows on Netflix and Hulu Chris Fritz: VoiceAttack Lover by Taylor Swift Elizabeth Fine: CookBook app Ben Hong: Exhalation by Ted Chang Perplexus Epic Luca Mezzalira: The Phoenix Project Building Micro-Frontends Webinar September 30, 2019 Follow Luca @lucamezzalira and at https://lucamezzalira.com Special Guest: Luca Mezzalira. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue the panel interviews core team member Rahul Kadyan. They discuss his various contributions to the vue ecosystem and his recent conference, Awesome Conf. The panel starts by asking Rahul about rollup-plugin-vue. Rollup is a bundle like webpack. When Rahul got his start in Vue he wanted to use rollup so he created rollup-plugin-vue. This caught the eye of the core team and he received an invite to join the core team.  Rahul spends most of his time in Vue working with compilers, the panel asks him about template compilation. He explains when template compilation happens and how knowing how it works can help you create better templates. Rahul shares all the awesome things that can be done with templates. The topic moves to stand alone and runtime only builds in Vue. Rahul explains how each of these builds. The panel considers possible use cases for both builds. The stand alone build being larger is good for only about 10% of cases. The runtime only build works well in cases where you already have a build process. On top of Vue being smaller, it can also make your website run faster.    Rahul recently gave a talk about single file components or SFC in Vue. He explains the easiest ways to use SFC and what it is capable of. The panel compares SFC to an ordinary JavaScript file. Rahul lists the benefits of using and SFC over a regular JavaScript file, one being you get the best out of the box render function in Vue.  The panel asks about the work Rahul is doing at work, building a design language system. He explains the difference between a design system and a design language system.  A design language system defines what every interaction will look like, it has a larger scope than a regular design system. He explains how useful it is and what they use it for.  Some of his other contributions to the Vue ecosystem include the vs code language plugin he is currently working on. In this project, he is exploring ways to find all your global components so that way he can provide completions for all the components. Also in this plugin, he is exploring using a compiler to get all the information about each component.  He is hoping to include editing capabilities which gets the panel really excited.  Rahul has a repo called vue-lazy-hydration, which allows you to hydrate components as you need them while doing server-side rendering. He explains what he means by hydration and how by using async hydration the long delay that normally comes with server-side rendering is no longer a problem. He is currently creating demos for the repo.  The first Awesome Conf was held recently and Rahul shares his experience setting it up. Awesome Conf is different than other conferences in that the speakers were actually the attendees. Rahul explains how all this came about. At first, they were going for a normal conference but didn’t get enough speakers, so they reached out to the attendees and told them they would have to provide the talks. They provided topics for the attendees to choose from and chose 15 talks from the ones submitted. With such a small conference they let everyone bring a plus one. The conference was a success and everyone had a great time.  Rahul is looking forward to doing another Awesome Conf this time for design. He is still working out the details but he wants a diverse group that can really learn from each other. The panel considers what they would do if they were asked to speak. They share their fears of speaking and Rahul shares some of the advice he gave to the speakers as he helped them prepare for their talks.  To finish the episode, Chris Fritz asks Rahul why he chooses to work with compilation. Rahul shares his story about getting into computer science and eventually compilation. He explains why he loves working in compilation and how it helps him as a front end developer.      Panelists Chris Fritz Elizabeth Fine Ari Clark Guest Rahul Kadyan Sponsors   Adventures in DevOps Sentry– use the code “devchat” for two months free on Sentry’s small plan The iPhreaks Show CacheFly Links Demystifying: The Dark Art of SFC Compilation with Rahul Kadyan https://github.com/vuejs/rollup-plugin-vue https://github.com/znck/lazy-hydration https://connect.tech/ https://twitter.com/znck0?lang=en https://awesomeconf.design/  https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Chris Fritz: Build a self-care app Crazy Like Us: The Globalization of the American Psyche Children of Ruin Interference: a novel (Semiosis Duology Book 2) Elizabeth Fine: https://illustrated.dev/ Ari Clark: Forager Rahul Kadyan: Love, Death & Robots Detroit: Become Human Special Guest: Rahul Kadyan. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Episode Summary   In this week’s episode of Views one Vue, the panel interviews Vue’s biggest fan, Gwendolyn Faraday. Gwen shares her story of getting into vue. How she was a little reluctant at first but ended up being so impressed with everything Vue has to offer. Gwen is a Vue educator and loves how easy it is to teach Vue, with its great docs and human-focused design.   Gwen explains why she is such a big fan of Vue. It is easy to use. It is intuitive to use. The documentation is wonderfully written. She loves that Vuex and Vue Router are actual Vue products that work seamlessly with the framework, making a cohesive ecosystem. She declares that Vue is not just for beginners, it is a production-ready, battle-tested language with a human-driven design.     The panel asks Gwen what makes learning and teaching Vue easier. Gwen explains that Redux is complex and hard to understand while Vuex is much simpler to understand. She tells the panel that Vue is much easier to learn because it has fewer complex concepts and fewer layers of abstraction. This makes it easier for new developers to get started coding sooner.    Gwen considers some of the common problems she experiences while teaching programming languages, not just Vue. For Gwen it can be hard to go slow and hit each step, not skipping any small step or concept. Explaining, Gwen tells the panel it is hard to remember what it was like not to know anything or remembering what was hard to grasp at first. Vocabulary and programming jargon is another thing Gwen share that can be hard to teach. This inspires the panel to consider how often developers get drawn into their own world and language, not remembering that others might not understand what they are talking about.    Chris Fritz, who has a background in education, wonders how Gwen got started teaching. Gwen explains that teaching is just a natural way for her to learn. When she wants to learn something she started meetups. Her meetups help her learn and grow. The panel considers that concept and thinks of their experiences learning through teaching.    The panel brings up Gwen’s self-taught coding education. Ari Clark wonders how being self-taught affected her teaching abilities. Gwen considers this, then gives some of her thoughts on the different ways someone can learn to code. She gives a few recommendations for learning code and encourages everyone to figure out if they can or want to actually do the job before putting in too much time and resources into learning.    Gwen, shy by nature, explains how she goes about getting to know people at meetups or in the community.  She explains how she likes to give a talk as a way of introducing herself to everyone at once. The panel thinks this is a genius plan for shy people. They explain that people are often shy and awkward because their role is undefined. By speaking or running a meetup they are in control, they know what they are supposed to be doing and have a defined role.   The next topic the panel discusses is Gwen’s meetups. She runs two meetups, the first is a group for beginners and intermediate. It has grown to over 1100 members. Also, she recently started a blockchain meet up. Gwen admits that she is no blockchain expert and loves that hosting this meetup she is pushed to learn. The panel is impressed that she admits that she is not an expert and consider how fearful people can be of admitting that they don’t know everything.    The panel asks Gwen questions about running her meetups. She explains how it can be a struggle to find speakers. Though it is easier to find speakers for her beginners' group because people are always willing to help beginners. Blockchain being more niche has more of a study group feel, as the number of members is lower and they are all sort of learning together.    The panel asks Gwen about her talk in Australia about why Vue is growing so fast. In her talk she describes Vue as the gold standard of the JavaScript world and that all other frameworks need to catch up. In her talk she points out her frustrations when using other frameworks and how Vue takes all the good elements from other frameworks. She admits she wanted to call her talk “Why Vue.js is the Best Framework Ever”.    Confident Growth, the title of a podcast episode about Gwen is discussed. Gwen explains that that podcast episode was about her journey and the producers came up with the name Confident Growth after the interview. The panel then asks Gwen about imposter syndrome and the advice she would give for those who are struggling with it. Gwen explains that we all experience the same struggles and we need to support and encourage each other.    Gwen has a great approach to things that make her uncomfortable and an addiction to learning. She explains she hates not knowing how to do something. The panel considers how Gwen’s homeschool background inspired this love of learning. Chris’s activist side comes out as he touches on his frustrations with how education works in this country.    Gwen has a few things to say to those programmers who feel that Vue too simple and only for beginners. She gives many examples of how Vue can be used to build simple yet advanced apps. The panel considers the mindset that something that is simple or easy to use and understand can’t be a powerful tool.    The episode ends with Gwen telling listeners to look for her at a few upcoming conferences around the world. She also has a book coming out about teaching yourself how to code. Panelists Ben Hong Chris Fritz Ari Clark Guest Gwendolyn Faraday Sponsors   My JavaScript Story Sentry– use the code “devchat” for two months free on Sentry’s small plan Adventures in DevOps CacheFly Links   Why Vue.js is Taking Over the Front-end World - Gwendolyn Faraday Episode 347 | Gwen Faraday - Confident Growth https://www.meetup.com/Free-Code-Camp-Indy/members/188721354/ https://www.meetup.com/Indianapolis-Blockchain-Developers/ https://www.meetup.com/vuejsindy/ GOTO Copenhagen 2019 https://www.buildstuff.lt/ https://ndc-london.com/ https://twitter.com/gwen_faraday?lang=en http://gwenfaraday.com/ https://github.com/gwenf https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Ben Hong: Screenflow Chris Fritz: Elite Dangerous https://www.alfiekohn.org/ Noam Chomsky- Manufacturing consent (1992) Exhalation: Stories Ari Clark: Glow Gwendolyn Faraday: https://www.freecodecamp.org/ Saga Special Guest: Gwendolyn Faraday. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Episode Summary In this episode of Views on Vue, the panel waxes philosophical while talking with Microsoft advocate Chris Noring. Chris is also the senior cloud developer at Microsoft and has experience in a variety of frameworks including, .NET, Angular, React and Vue.   The first topic the panel discusses is Chris’s work with VuePress. Chris shares why he chose VuePress and what his experience has been with using it. Chris describes the absolute simplicity of using VuePress. Chris goes on to explain that though VuePress may not come with all the bells and whistles, it is easy to add the features he wants with his opensource GitHub repo. The panel takes a minute to discuss the VuePress blog plugin.    Remembering a talk that Chris gave, the panel discusses imposter syndrome. The panel all shares the feelings of inadequacy they have all felt at some time or another. Chris explains how he overcame imposter syndrome and share tips for others to overcome it as well.    The panel then discusses the interesting story of how Chris became a developer advocate. Chris shares the unfortunate stereotype that is often associated with developer advocates, that developer advocates aren’t real engineers, and why this stereotype is false. Ben Hong explains where this stereotype comes from.    This leads the panel to discuss what developer advocates do. Chris shares some of his roles and responsibilities. Chris explains how developer advocates feel about their users and products. Chris explains what it's like to be an advocate for Microsoft, they are more desirous to solve problems than sell products. Chris shares some of the other positive changes Microsoft has made in the last few years, including its support of opensource.   The panel wonders about Chris's journey with Vuex. Chris explains how he had used similar products in past frameworks to solve similar problems with state. The benefits of using Vuex in larger applications is explained by Chirs along with creating sub storage to organize his state.    Chris creates amazing amounts of free content including blog articles, books, and talks, the panel asks him about his painting. Chris explains that a lot of the advocates he associates with are also artistic. The panel speculates as to why there are so many creative types in developer advocacy.    Chris shares his philosophy about people and how they can become anything they set their minds too. The possibility of growth and improvement are discussed by the panel. Ben explains the importance of building habits. Chris shares a story from his university days, how he kept going and pushing himself which led to an eventual breakthrough.    The panel discusses how grit will allow you to do things you never thought possible. Ari Clark shares an experience she had with the power of perseverance, explaining that you can’t skate by on pure talent forever. Chris relates this with his art, how someday he hopes to be as good as Bob Ross and how he will never give up.    Chris explains his philosophy for writing, explaining things like you are the dumbest person in the room. He equates it to teaching a five-year-old who only knows Spanish while you are speaking English.  Chris explains that he is also teaching his future self who more than likely will have forgotten all the details of this experience.    The panel ends this episode of Views on Vue by asking Chris about his statement “The war is over if you want it to be”. Chris explains that he is referencing the need people feel to bash other frameworks on social media. Chris shares his view of framework agnostics; there are a lot of great frameworks, and that frameworks are tools. He shares his way of changing the tone of the conversation when he is being confronted about his work by asking questions.    Panelists Ben Hong Elizabeth Fine Ari Clark Guest Christoffer Noring Sponsors   Sustain Our Software Sentry– use the code “devchat” for two months free on Sentry’s small plan GitLab | Get 30% off tickets with the promo code: DEVCHATCOMMIT CacheFly Links https://www.cypress.io/features One developers journey to fight the Imposter Syndrome | Chris Noring | iJS London 2018 Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones  Grit: The Power of Passion and Perseverance  https://twitter.com/chris_noring?lang=en https://github.com/softchris https://dev.to/softchris https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Ben Hong: My Hero Academia Elizabeth Fine: Procreate Ari Clark: iOS game blackbox DM of Engineering Christoffer Noring: Swear Trek https://www.babylonjs.com/ Special Guest: Christoffer Noring. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Adventures in Blockchain Sentry– use the code “devchat” for two months free on Sentry’s small plan GitLab | Get 30% off tickets with the promo code: DEVCHATCOMMIT CacheFly Panel Elizabeth Fine Ben Hong Ari Clark Summary Joined by their newest member, Elizabeth Fine, the panel discusses testing. The share their approaches to testing and consider which approaches are best. The panel shares their experiences and testing mishaps. They share their favorite tools and libraries for testing. The different types of testing are defined and discussed, including unit testing, integration testing, cross-browser testing, accessibility testing, and snapshot testing.  Links VoV 072: Cedar with Elizabeth Fine https://github.com/chrisvfritz/vue-enterprise-boilerplate https://vue-test-utils.vuejs.org/ Testing Vue.js Applications https://www.cypress.io/ https://vuetifyjs.com/en/ https://accessibilitycampseattle.org/ https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Ben Hong: Supernatural Ari Clark: Top of the Lake Elizabeth Fine: Victor-mono Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors The Freelancers Show Sentry– use the code “devchat” for two months free on Sentry’s small plan GitLab | Get 30% off tickets with the promo code: DEVCHATCOMMIT CacheFly   Panel Chris Fritz Ben Hong Ari Clark Joined by Special Guest: Jack Koppa Summary Jack Koppa, a frontend developer at Politico, joins the panel to discuss the adoption of Typescript at Politico. Having a background in Angular, React and Vue, Jack compares the onboarding process for all 3 frameworks. Jack Koppa explains why Politico decided to switch to Typescript and shares his experiences during the change. The panel discusses the reactions of the other developers at Politico and Jack explains the learning curve and eventual acceptance of Typescript among the Politico developers. Typescript can solve many problems and the panel expounds on those while also addressing the drawbacks of using Typescript. While Typescript has a learning curve, can take up time to write and the need to be meticulous is very high, Typescript also adds type security, finding typos and mistakes, and provides clarity to the team and consistency for the front and back ends. Ari expresses her desire to use Typescript in a current project at Liquid and the panel gives her advice on the best way of bringing in Typescript late into a project. At the end of this episode, Chris Fritz explains what it means for Vue developers since Vue 3.0 will be written in Typescript.  Links https://www.politico.com/ https://twitter.com/jackpkoppa?lang=en https://github.com/jackkoppa https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Ben Hong: Comic Con Stardew Valley Educated: A Memoir Ari Clark: https://softskills.audio/ Chris Fritz: In Vue, When Do I Actually Need the :key Attribute and Why? https://beatsaber.com https://beatsaver.com/ Jack Koppa: https://overreacted.io/react-as-a-ui-runtime/ Aurora Special Guest: Jack Koppa. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Adventures in DevOps Sentry– use the code “devchat” for two months free on Sentry’s small plan The Freelancers Show CacheFly   Panel Chris Fritz Ben Hong Ari Clark Summary In this episode, the panel has a fun time as they discuss what makes a good talk and how to get started as a speaker. The panel lists attributes they love in a talk that makes them want to jump onto their computers and code: having an easy call to action with resources, start the talk with why the audience should listen and what they stand to gain from the talk, and authentic humor are only a few. Amazing example talks and speakers are given as resources to study these attributes. The panel also discusses cringe-worthy mistakes made by speakers that can kill an interesting talk: too many words on your slides or reading from your slides, rambling personal anecdotes, tangents, and jokes, or being overly professional and talking down to your audience and many more. Advice is given on how to correct these problems   The panel discusses how to get started speaking at conferences and gives advice for submitting conference proposals (CFP). The benefits of starting small by speaking at local meetups are considered. Local meetup organizers are always looking for willing speakers and by giving talks here first speakers can receive friendly and honest feedback. Chris Fritz gives instructions on how to get useful feedback instead of polite compliments from the audience. The panel gives advice on writing talks, most importantly to have an objective for your talk. Ben Hong explains why it is important to submit more than one CFP and more than one type of talk. The panel discusses the different types of talks and reminds listeners not to undervalue case studies because each experience is unique and valuable. Chris and Ben share what organizers look for in CFP’s and why they may be rejected. The panel ends the discussion with an explanation of speaker accommodation packages and how to ask for them.  Links Agile Design Systems in Vue - Miriam Suzanne at VueConf.US Callum Macrae - Accessibility with Vue Advanced Animations with Vue.js Vue in Motion - Rachel Nabors - VueConf US 2018 https://slides.com/ Back to the Vueture: Stuck in the Event Loop http://www.sarahmei.com/blog/2014/04/07/what-your-conference-proposal-is-missing/  https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Ben Hong: Paris, France Ari Clark: After Life Derek Chris Fritz: Nanette TIS100 Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Panel Ben Hong Erik Hanchett Joined by Special Guest: Nosa Obaseki Summary Nosa Obaseki joins the panel to share his story and his experience learning Vue in Nigeria. He shares how he got started in Vue and the resources he used. The panel praises the Vue documentation and shares their experiences of learning from them. The panel compares the methods for debugging including the use of stack overflow and google. Nosa shares his experience with the next step he took in learning Vue, taking on a project.    The panel asks Nosa about concepts he found difficult to grasp, these include structuring, state management and wen to use actions and mutations. This topic leads the panel to discuss the upcoming release of Vue.js 3.0 and the addition of the function API. The panel considers whether or not Vue 3.0 will break Vue and what problems it may solve. The topic turns to conferences and whether or not Ben Hong will include function API’s in his workshop at Vue Toronto. Nosa shares his experience at Vueconf US and compares it to conferences he attended in Nigeria. The Nigerian Vue community and what the challenges he faced in his journey to becoming a developer. Concatenate and its mission is discussed. Ben Hong invites everyone to support this conference.  Links https://stackoverflow.com/ https://vuetoronto.com/ https://us.vuejs.org/workshops/ Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview! https://opencollective.com/concatenate https://twitter.com/c0depanda https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Ben Hong: Big Magic: Creative Living Beyond Fear Erik Hanchett: Stranger Things Vue 3.0 Nosa Obaseki: Black Mirror Special Guest: Nosa Obaseki. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Panel Ben Hong Ari Clark Joined by Special Guest: Debbie O'Brien Summary Debbie O’Brien shares her journey becoming a programmer and how she got into Vue and contributing to open source projects. The panel talks about contributing to open source and how to get started contributing. Debbie discusses her background in education and her work with Vue school and ultimate courses. The panel discusses the misconceptions about open source maintainers and speakers and how they are just people. Debbie shares experiences give Nuxt talks and the panel gives tips to Ari for her upcoming talk.  Links https://vueschool.io/ https://vueschool.io/courses/vue-router-for-everyone https://ultimatecourses.com/ Debbie O'Brien - Getting started with nuxt.js + static sites - vueday 2019 Leave your legacy code behind and go Nuxt - Debbie O'Brien - Vue Day 2019 https://blog.teamtreehouse.com/learning-to-code-changed-my-life Dream Builders course https://vuetoronto.com/ https://antarcticonf.com/ https://www.ukraine.buildstuff.events/ https://www.buildstuff.lt/#! https://medium.com/@debbie.obrien https://twitter.com/debs_obrien https://github.com/debs-obrien https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Ben Hong: Tessa Park- Co-organizer for Vue NYC Ari Clark: Kirkland Signature Fruity Snacks Chris Fritz: Difficult Conversations: How to Discuss What Matters Most Nonviolent Communication: Create Your Life, Your Relationships, and Your World in Harmony with Your Values Speechless Debbie O’Brien: https://hasura.io/  https://ultimatecourses.com/learn/javascript-basics Special Guest: Debbie O'Brien. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Panel Ben Hong Ari Clark Joined by Special Guest: Elizabeth Fine Summary Elizabeth Fine starts by talking about getting into Vue and working at REI. The panel discusses the Cedar component library put out by REI. Elizabeth answers questions about the documentation, the when to use and when not to use section in the documentation and what cedar does it. The panel considers the UI toolkit for designers in Cedar and collaborating with designers.   Elizabeth shares her experience organizing the Seattle CSS meetups and compares ways of finding content with Ben Hong. Ari Clark discusses her upcoming talk at a Boulder.js meetup. The panel discusses the controversy of the composition functions being implemented in Vue. Each member of the panel shares their experience learning to code and the need for a support system.  Links https://twitter.com/ElizabethFine4 http://fine.net/ https://www.freecodecamp.org/ https://cssbattle.dev/ https://www.rei.com/ https://github.com/cedar/cedar https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Ben Hong: Always Be My Maybe Elizabeth Gilbert's talk on the calm app.  Ari Clark: https://www.gobble.com/ Sleep Cycle App Elizabeth Fine: https://tympanus.net/codrops/ https://www.notion.so/ https://github.com/SortableJS/Vue.Draggable Special Guest: Elizabeth Fine. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Panel Chris Fritz Ari Clark Joined by Special Guest: Gift Egwuenu Summary Gift Egwuenu introduces herself and how she found Gridsome. She discusses what attracted her to Gridsome and the problems it solves for her. The panel compares Gridsome and Nuxt. Gift shares what Gridsome can do and what it should be used for. The panel discusses JAMStack, headless CMS, and GraphQL and how they work with Gridsome. Gift gives advice on how to get started with Gridsome and what not to use Gridsome for.  Links https://gridsome.org/ https://www.giftegwuenu.com/ https://twitter.com/lauragift21 https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Christ Fritz: http://www.celestegame.com/  https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker  Ari Clark: Massage therapy Gift Egwuenu: Gift Egwuenu YouTube When They See Us https://learning-resource-path.gitbook.io/resources/ Special Guest: Gift Egwuenu. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Panel Chris Fritz Ben Hong Ari Clark Joined by: Jen Looper and The Vue Vixens Summary The panel joins Jen Looper at a Vue Vixens workshop where she explains what they are all about. They discuss the history of Vue Vixens and Diana Rodriguez shares their progress made in Latin America. The Vue Vixen Slack channel is discussed and Jen explains why it's such an amazing community. The panel interviews vixens at the workshop, getting to know them and learning their stories. Jen shares how people can support Vue Vixens.  Links https://codesandbox.io/ http://connect.tech/ https://vuevixens.org/ https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Ben Hong: Avatar: The Last Airbender Always Be My Maybe Ari Clark: Chernobyl Dead to Me Chris Fritz: Dead to Me Vue Vixens Jen Looper: Harlots http://www.zzzdogs.com/ Special Guest: Jen Looper. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly Panel Chris Fritz Ben Hong Joined by Special Guest: Ari Clark Summary Frontend developer at Liqid Inc. Ari Clark, discusses the Real-time app and answers questions for the panel. Ari explains what Real-time is and shares what went into building this app. She explains web sockets and shares libraries and tools used in building the app. As a newer developer, Ari talks about learning on the jobs and asking questions. The panel gives tips on how to ask questions, how to answer questions, learning from mistakes and how to overcome the fear of failure. Ari discusses the challenges of building this app and shares her experience doing a complete rewrite and redesign of the Real-time app into Vue. The panel discusses what they love about Vue and Ari explains why her team picked Vue for the rewrite and what she features in Vue made the rewrite easier.  Links   https://vuejs.org/v2/guide/components-dynamic-async.html https://devchat.tv/views-on-vue/vov-068-design-systems-css-with-miriam-suzanne/ https://devchat.tv/views-on-vue/vov-063-exploring-the-world-of-animations-with-krystal-campioni/ https://twitter.com/GloomyLumi https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Chris Fritz: https://zzz.dog/  Ben Hong: https://cssgrid-generator.netlify.com/  https://www3.nhk.or.jp/nhkworld/en/ondemand/program/video/10yearshayaomiyazaki/?type=tvEpisode&  Ari Clark: The Wilderness by Explosions In The Sky https://vuevixens.org https://gridcritters.com/ Special Guest: Ari Clark. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly   Panel Chris Fritz Ben Hong Joined by Special Guest: Miriam Suzanne Summary Miriam Suzanne starts by explaining design systems and design tooling, how they differ and the problems they solve. The panel considers how design systems help teams communicate. Miriam shares tools that make design systems easier. The panel discusses different aspects of design. Miriam explains the advantages and disadvantages of using CSS-in-JS, and why she uses CSS with Vue. The panel discusses Miriam's VueConf talk “Dynamic CSS with Vue”. Miriam explains what her vue applications look like and shares advice for organizing CSS in Vue. She shares the top three CSS features that are the most underutilized.  Links https://www.oddbird.net/herman/ https://www.vuemastery.com/conferences/vueconf-us-2019/dynamic-css-with-vue  https://github.com/mozdevs/cssremedy https://twitter.com/MiriSuzanne https://github.com/mirisuzanne Picks Chris Fritz: Get some sleep Ben Hong: Taipei, Taiwan Miriam Suzanne: Something is Rotten at Buntport TheaterSpecial Guest: Miriam Suzanne. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly Panel Ben Hong Chris Fritz Joined by Special Guest: Jilson Thomas Summary Jilson Thomas shares how he got started in vue. He gives the origin story of vuejobs and explains how it is different from other job sites. The panel praises Jilson’s work with VueConf Toronto and asks him about his experience organizing it. Jilson shares feedback from conference attendees. The panel wonders why conferences cost so much and Jilson explains what cost goes into organizing a conference. Jilson shares some of the road bumps from the conference and what he would have done differently. VueConf Toronto 2019 is discussed; Jislon shares what he has planned for that conference.  Links https://twitter.com/jilsonthomas https://vuejobs.com/  https://vuetoronto.com/  https://2019.jsconf.eu/news/the-jsconf-cssconf-eu-finances/  https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Jilson Thomas: https://refactoringui.com/  ZOOKYO Webcam Cover Slide for Laptop and Mobile, Ultra Thin, Online Security, Best Camera Cover Sticker for MacBook Smartphone Mac Tablet & Cellphone, 3M Adhesive, Black 6 Pack https://twitter.com/samantha_ming  Ben Hong: New Orleans Super Smash Brothers Ultimate Chris Fritz: Mocktails https://mealsquares.com/ Special Guest: Jilson Thomas. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly Panel Ben Hong Joined by Special Guest: Raymond Camden Summary Raymond Camden discusses a few of his blog posts with Ben Hong. The first post they discuss is about vue components; Raymond explains VGauge and Toasted notifications. The next post they discuss is about handling errors in Vuejs. Raymond answers questions about NativeScript, how it works, what the layout is like, and how he uses it in his daily programming. Ben asks Raymond about his experiences learning Vuejs and what it was like switching from Jquery. Raymond shares resources for getting started with Vuejs. Links https://www.raymondcamden.com/2019/04/19/vue-components-ftw-vgauge-and-a-love-letter-to-codesandbox https://css-tricks.com/making-the-move-from-jquery-to-vue/ https://www.raymondcamden.com/2019/05/01/handling-errors-in-vuejs https://nativescripting.com/ https://www.raymondcamden.com https://twitter.com/raymondcamden https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Raymond Camden: Diablo 3 on the Nintendo Switch https://codabreaker.rocks/ https://adiavictoria.com/silences Ask me about adoption Ben Hong: http://puyo.sega.com/tetris/ https://www.netflix.com/title/80244996 Special Guest: Raymond Camden. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly Panel Chris Fritz Ben Hong Natalia Tepluhina Joined by Special Guest: Michele Cynowicz Summary Michele Cynowicz tells the panel about working for Vox and what they do. She shares her experience integrating VueJs into their Rails applications. Michele discusses why Vox made the switch and how they chose VueJs. Michele explains how they rolled out the new application and what they might have done differently. She answers questions about using Apollo for state management and how the Vox design system works.   Links Michele Cynowicz - Shifting to Vue https://product.voxmedia.com/ https://twitter.com/michelecynowicz https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Chris Fritz: http://www.letswatchstartrek.com/ds9-episode-guide/ DBT® Skills Training Manual, Second Edition Stories of Your Life and Others   Ben Hong: Building a StoryBrand: Clarify Your Message So Customers Will Listen Natalia Tepluhina: Avengers: Endgame Michele Cynowicz: Technically Wrong: Sexist Apps, Biased Algorithms, and Other Threats of Toxic Tech Weapons of Math Destruction: How Big Data Increases Inequality and Threatens Democracy Special Guest: Michele Cynowicz. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly Panel Charles Max Wood Ben Hong Natalia Tepluhina Joined by Special Guest: Alex Vipond Summary Alex Vipond introduces himself and what he does. He introduces renderless components and why he uses them. The panel discusses renderless components and how they have a more advanced UI logic. Alex shares his work and goals with Baleada, the renderless component library he is building. The panel asks Alex about how get got into vue, renderless components and his experience in working in documentation. Alex shares some documentation tips and lessons he learned working in customer service. Links https://kumu.io/ https://vuejsdevelopers.com/2019/02/11/renderless-component-libraries/ https://tailwindcss.com/docs/what-is-tailwind/ https://www.gitbook.com/ https://alexvipond.dev/ https://github.com/AlexVipond https://www.facebook.com/ViewsonVue https://www.facebook.com/ViewsonVue Picks Charles Max Wood: https://podwrench.com/ https://devchat.tv/ Alex Vipond: https://adamwathan.me/renderless-components-in-vuejs/ Tourism in Honduras Ben Hong: Primer http://steinsgate.tv/index.html Natalia Tepluhina: Better release Special Guest: Alex Vipond. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsor Netlify Sentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly Panel Chris Fritz Divya Sasidharan Ben Hong Natalia Tepluhina Erik Hanchett Joined by Special Guest: Krystal Campioni Summary Krystal Campioni starts by introducing herself and her background. She shares how she got into Vue and her design education. She shares resources for developers looking to learn more about design. She shares free online animation resources. The panel shares their favorite animation tips and discusses what makes vue a great framework for animations. The panel considers the value of animation; what are the benefits for both the user and the team. Links http://cubic-bezier.com/ https://easings.net/en https://twitter.com/sarah_edo Visualizations using SVG, Canvas, and WebGL in Vue https://vuejs.org/v2/guide/transitions.html https://vuejs.org/v2/guide/computed.html https://www.udemy.com/vuejs-2-the-complete-guide/ https://vuejs.org/v2/guide/transitioning-state.html https://refactoringui.com/book/ Don't Make Me Think: A Common Sense Approach to Web Usability Vue in Motion https://twitter.com/kenny_io/status/1114206038801014784 http://krystalcampioni.com/#/ https://twitter.com/krystalcampioni https://medium.com/@krystalcampioni https://github.com/krystalcampioni/vue-animations https://twitter.com/viewsonvue https://www.facebook.com/ViewsonVue   Picks Chris Fritz: https://store.steampowered.com/app/736260/Baba_Is_You/ Agile Design Systems in Vue Agile Design Systems in Vue by Miriam Suzanne A React Point of Vue A React Point of Vue by Divya Sasidharan Building Desktop Applications with Vue Building Desktop Applications with Vue by Natalia Tepluhina Divya Sasidharan: https://www.customink.com/designs/dsdrasnerd https://www.vuemastery.com/conferences/vueconf-us-2018 Advanced Animations with Vue.js Advanced Animations with Vue.js by Krystal Campioni Back to the Vueture: Stuck in the Event Loop Back to the Vueture: Stuck in the Event Loop by Tessa Ben Hong: Bad Blood: Secrets and Lies in a Silicon Valley Startup Natalia Tepluhina: Game of Thrones Krystal Campioni: Programmed Inequality: How Britain Discarded Women Technologists and Lost Its Edge in Computing (History of Computing) https://github.com/krystalcampioni/vue-hotel-datepicker Special Guest: Krystal Campioni. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for $100 credit Triplebyte offers a $1000 signing bonus CacheFly Panel Chris Fritz Ben Hong Erik Hanchett Joined by Special Guest: Marina Mosti Summary Marina Mosti explain what is date-fns and why people need them. The panel askes Marina questions about her articles for beginners, starting with why she wrote the articles. Marina shares what she learned while writing the articles and what people like about her articles. The panel comments on the relatable examples used in her articles and wonders how she came up with them. Marina shares her thought process while writing and her frustration with the need people to be spoon fed information. The panel gives advice to people who want to write articles or create resources. Marina gives tips on overcoming your fears when writing and shares a time when she got something wrong and how kind and helpful her readers were. Links https://dev.to/marinamosti https://twitter.com/marinamosti https://github.com/vuelidate/formvuelatte https://gonehome.game https://twitter.com/viewsonvue https://www.facebook.com/ViewsonVue Pick Chris Fritz: Ben's Hogwarts accent https://gonehome.game/ https://polyfill.io/v3/ https://github.com/chrisvfritz/vue-enterprise-boilerplate Ben Hong: Make It Stick: The Science of Successful Learning The Broken Earth Trilogy: The Fifth Season, The Obelisk Gate, The Stone Sky Marina Mosti: FormVueLatte https://codingcoach.io/ Erik Hanchett: https://news.nationalgeographic.com/2017/04/black-hole-event-horizon-telescope-pictures-genius-science/ Avengers: Endgame https://school.programwitherik.com/ Special Guest: Marina Mosti. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for $100 credit Triplebyte offers a $1000 signing bonus Panel Natalia Telpuhina Ben Hong Chris Fritz Joined by Special Guest: Piero Borrelli Episode Summary Today’s episode features special guest Piero Borrelli. Piero is not currently using Vue but has experience with multiple frameworks.Currently he is a full-stack NodeJS developer and uses a lot of Angular as well. In this episode, the panel discuss Piero’s article 10 Things Programming Has Taught Me About Life. Piero leads the discussion, inviting the panel to reflect on their choice to use Vue. They begin by discussing how Vue works for use cases and some weaknesses to look out for. Each of the panelists reflects on how they got started working with Vue. They give advice to people just starting out with Vue that they wish they would have done differently when they began. The panelists share some of their first projects they built in Vue and what made those projects fun. They discuss how they see Vue’s position in the market. Vue has been the fastest growing open source software project for the past 3 years or so, and grows by about 10% each month. They talk about why they think Vue is so popular, with the consensus being that it is because it is very easy to get started. Chris says that if an employer is looking for Vue developers, hire a JS developer and give them a day to learn Vue. The panel discusses the best and worst parts of using Vue and how they think the framework will evolve in the future. They share resources for listeners who want to start learning Vue immediately (see links). They discuss the characteristics of a good learner. The panel agrees that the best way to learn a new framework is to build something to share with someone you care about. Links 10 Things Programming Has Taught Me About Life Node.js Angular 1.6.5 jQuery Ember Typescript Slots Listeners Single root element Vue official documentation Frontend Masters Course by Sarah Drasner The Vue School Vue Mastery: Introduction to Vue The Complete Guide to Vue by Maximillian Schwarzmuller Vue Land (official Vue Discord channel) Find Piero on Twitter and on his website Follow DevChat on Facebook and Twitter Picks Natalia Telpuhina: Love, Death, and Robots Follow on Twitter @N_Telpuhina Ben Hong: Form Validation in Under an Hour with Vuelidate Make It Stick book Twitter and GitHub @bencodezen Chris Fritz: The OA Natalia and Ben’s workshops (bencodezen.io and Vue Vixens ) Piero Borelli: Listening to music while coding (Neotic or ChilledCow) Tools of Titans Ten Developers Share Their Stories from All Over The World Special Guest: Piero Borrelli. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for $100 credit Triplebyte offers a $1000 signing bonus CacheFly Panel Chris Fritz Charles Max Wood Joined by Special Guests: Thorsten Lunborg and An Phan Episode Summary Thorsten Lunborg and An Phan are both members of the VueJS core team. This episode of Views on Vue has the panelists talking about things that they dislike about Vue and cool features coming to Vue 3. Vue 3 will see a replaced reactivity system, migration guide and a migration helper, changes to component styling, adding listeners will be made more explicit, and the Native modifier will be removed. The panel discusses mixins and hooks and how those features will be improved in Vue 3. They also discuss difficulties using Vmode. One of the major changes to Vue 3 will be in the language and terminology. Right now, there are often multiple terms for the same feature. The panel discusses how the ambiguity of terminology and how the overlap between tech words and real life words can be confusing. This ambiguity makes it difficult to translate the terms into other languages, especially if there isn’t a direct translation. Links Props Wrapper Attribute Listeners Sloth Extract Scoped slots Pipes Getters Enterprise Boilerplate Vue CLI 3 Nuxt Lifecycle hooks HOC (Higher Order Component) Vmode Babel Mixins Considered Harmful article   An Phan on Twitter and Github Thorsten on Twitter and Github Follow DevChat on Facebook and Twitter Picks Chris Fritz: One Strange Rock on Netflix Flash Forward podcast Charles Max Wood: The Expanse series Buzzsprout An Phan: Lincoln in the Bardo by George Saunders Avengers Endgame Thorsten Lunborg: Spiderman: Into the Spider Verse OctoTree and OctoLinker The Fabric Presents Mix by Bonobo Special Guests: An Phan and Thorsten Lunborg. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for $100 credit Triplebyte offers a $1000 signing bonus CacheFly Panel Eric Hanchett Divya Sasidharan Joined by Special Guest: Tessa Episode Summary Tessa is UI developer, teacher, and community organizer. Her passion is finding more ways to build reusable components. She talks about the component work she’s been doing, specifically experimenting with building a reusable component library that’s documented and building reusable components into existing apps. She talks about what she means by reusable component and her approach to building components. They discuss the use of slots, wrapping, and how they came to understand scope slots. In addition to component libraries, Tessa loves teaching. She delves into her history with teaching and some of her methods. They talk about the importance of student interaction and how students are encouraged to answer questions and interact with each other. Tessa believes that it is important to create an atmosphere where people feel like they have something to contribute, including more advanced students helping more beginner students. Tessa talks about her experience with organizing communities and meetups within the tech world. She gives advice on how to start your own meetup. Tessa is currently an organizer for VueNYC, and talks about some of her work with them. She gives techniques for building communities and motivating people to talk to each other and interact at meetups. Organizing communities and meetups tips. The panel discusses inclusivity in the tech world and how to incorporate multiple demographics into meetups. Finally, Tessa introduces her concept that she has spoken on in the past, “trash brain”, which is how you might know the solution to a problem but it is very context specific, and the panel discusses how to deal with that. Links API Props Slots Tranclusions V-model Buefy Wrapper Scoped slots RenderProps Nextech Closure in comics Vuejs.nyc Follow DevChat on Facebook and Twitter Picks Divya Sasidharan: Asher’s chocolate-covered biscuits ASMR cooking videos Public libraries Eric Hanchett: Buefy for Vue JS Chris Fritz’ Enterprise Boilerplate Captain Marvel Tessa: No Hard Feelings book Eating dry ramen with the flavor poured on top as a snack Get Smart movie and The Detective Returns (Korean film) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for $100 credit Triplebyte offers a $1000 signing bonus CacheFly Panel Charles Max Wood Summary Charles Max Wood shares his frustration with the current process in which companies are trying to hire senior developers. He goes over the major points these companies can improve how they hire and keep high-quality developers. First, he asks companies to consider what they mean by “senior developer”; what do they want their developers to do and what are the tangible outcomes they want to happen by hiring this developer? In doing this, Charles explains, it will help them design an interview that will reveal the most qualified developers for what they need. Charles uses examples from his experiences both as an employee and a boss showing the benefits of hiring this way. The next point Charles discusses is the environment of the company, the onboarding process, meeting the needs of the developers, and hiring developers that fit well together in a team. He presses the importance of having an environment that makes developers want to stay and bring in friends. The final point he makes is not to rule out junior developers. Charles shares what to look for in new developers and the value they can bring to a team. He also emphasizes the importance of paying them their worth if companies want them to stick around.   Links https://devchat.tv/adv-in-angular/aia-228-issues-with-the-title-frontend-web-developer/ https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue https://devchat.tv/ https://twitter.com/devchattv https://twitter.com/cmaxw [email protected] Picks Charles Max Wood https://codebeam.io/ Elixir and Erlang Fisherman’s Wharf, San Francisco, California Coit Tower, San Francisco Alita Battle Angel The Expanse https://andyfrisella.com/blogs/mfceo-project-podcast/ https://podfestexpo.com/ Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for 2 months free on Sentry small plan Triplebyte $1000 signing bonus for listeners Panel Chris Fritz Joined by special guest: Rolf Haug Episode Summary Special guest Rolf Haug is one of the founding members of Vue School, an online teaching platform for VueJS that teaches through video. Rolf talks about his inspiration for starting the company. He has lots of experience creating businesses and web development, a passion for lifelong learning, and a drive to pass his knowledge on to others. The Vue school has been going for about 2 years. It follows the example of open source by collecting outside ideas to improve their product. Rolf talks about his history and interest in programming, and he and Chris discuss the importance of having passion in your field. Chris asks how passion is ignited in the Vue School and how do you explain something complex to students. Rolf follows the model “Explain it to me like I’m five” by explain technical topics without the technical terms. For example, instead of using “mutate”, you use the word “change”. Technical terms don’t always translate and sometimes people don’t even agree on what they mean. The Vue School focuses on using simple language so that it is accessible to more people, especially people in other countries. They talk about the challenges of being surrounded by experts, the lack of perspective from only seeing the finished product, and how it’s easy to think that you’re stupid when you’re surrounded by people with a very particular skill. Rolf’s term for people whom he looks up to and have achieved things that he likes as “machines”. He and Chris discuss fostering a growth mindset even around our ‘heroes’. They talk about how to foster an environment within the Vue school that keeps people feeling secure and unafraid to ask questions.   Links The Vue School Picks Rolf Haug: Evan You’s Kendrick Lamar karaoke rap Chris Fritz: Call My Agent on Netflix Oslo, Norway Special Guest: Rolf Haug. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Netlify Sentry use the code “devchat” for $100 credit Triplebyte CacheFly Panel Charles Max Wood Erik Hanchett Chris Fritz Joined by Special Guest: Damian Dulisz Summary Damian Dulisz, a core team member of vuejs, introduces his various libraries and other work. The panel asks about Damian’s work on event global listener; Damian brags about his global events library and explains why he put it on event global listener. Sharing his experience managing libraries and components, Damian gives tips and shares what he wishes he had known while building components. The panel discusses features in components and finding a balance of flexibility and configurability. Damian explains what a renderless component is and how this will help with find balance. After warning against breaking components out to early, Damian explains when to break down a component and how you know that a component is good. The episode ends with a discussion of vuejs.org and the weekly vue news podcast. Links https://github.com/shentao/vue-multiselect/tree/v3/docs https://www.youtube.com/watch?v=Rql3BsT9WKA https://vue-multiselect.js.org/ https://github.com/shentao/composing-components/ https://vuejs.org/ Chat.vuejs.org https://github.com/shentao/ https://twitter.com/damiandulisz https://dulisz.com/ https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood The Effective Executive by Peter F. Drucker https://devchat.tv/js-jabber/jsj-359-productivity-with-mani-vaya/ Erik Hanchett https://css-tricks.com/what-hooks-mean-for-vue/?utm_campaign=Vue.js%20News&utm_medium=email&utm_source=Revue%20newsletter https://twitter.com/ErikCH Chris Fritz The Umbrella Academy Refactor tech conference Damian Dulisz Work Clean: The life-changing power of mise-en-place to organize your life, work, and mind by Dan Charnas Special Guest: Damian Dulisz. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors: Netlify Sentry use the code “devchat” for 2 months free on Sentry small plan CacheFly Host: Charles Max Wood Special Guest: Aaron Gustafson Episode Summary  This episode of Views on Vue comes to you live from Microsoft Ignite. Charles Max Wood talks to Aaron Gustafson who has been a Web Developer for more than 20 years and is also the Editor in Chief at “A List Apart”. Aaron gives a brief background on his work in the web community, explains to listeners how web standardization has evolved over time, where Progressive Web Apps (PWAs) come from, where and how can they be installed, differences between them and regular websites and their advantages. They then delve into more technical details about service workers, factors affecting the boot up time of JavaScript apps, best practices and features that are available with PWAs. Aaron mentions some resources people can use to learn about PWAs, talks about how every website can benefit from being a PWA, new features being introduced and the PWA vs Electron comparison. In the end, they also talk about life in general, that understanding what people have gone through and empathizing with them is important, as well as not making judgements based on people’s background, gender, race, health issues and so on. Links Creating & Enhancing Netscape Web Pages A List Apart A Progressive Roadmap for your Progressive Web App Windows Dev Center – Progressive Web Apps MDN web docs PWA Stats PWA Stats Twitter Aaron’s website Aaron’s Twitter https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Aaron Gustafson: Homegoing Zeitoun Charles Max Wood: Armada  Special Guest: Aaron Gustafson . Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Sentry use the code “devchat” for $100 credit Triplebyte CacheFly Panel Chris Fritz Divya Sasidharan Sunil Sandhu Episode Summary In this episode of Views on Vue, the panelists talk to Sunil Sandhu, Full Stack Web Developer and the editor of JavaScript in Plain English. Sunil describes the projects he is currently working with, explains to listeners the comparison between Vue and Nuxt, the advantages in using Nuxt and what basic functionality and structure does it provide to developers by default. Divya speaks on some Nuxt customizations, and the frameworks she prefers in general apart from Nuxt. They then discuss pre-rendering and server-side rendering, their differences, when to choose which among the two, and the benefits of each. In the end, they also talk about cases where Nuxt is not preferred. Links Sunil’s Twitter Sunil’s website Learn How to Use Vuex by Building an Online Shopping Website I created the exact same app in React and Vue. Here are the differences. Set your watch by Netlify Picks Divya Sasidharan: Hooks at a Glance Auth0 Blog Siempre bruja Chris Fritz: Vue 2.6 released Starfish Russian Doll Call My Agent! Sunil Sandhu: JavaScript in Plain English Laws of UX Nielsen Norman group How to criticize someone The School of Life Special Guest: Sunil Sandhu. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors: Sentry use the code “devchat” for 2 months free on Sentry small plan Triplebyte offers a $1000 signing bonus CacheFly Host: Charles Max Wood Guest: Donovan Brown Episode Summary In this episode, Charles speaks with Donovan Brown, a principal DevOps Manager with Microsoft with a background in application development. Donovan talks about Azure DevOps and the transition from Visual Studio Team Services (VSTS) to Azure DevOps. They discuss the absolute need for continuous integration (CI) in developer teams and the ease of creating CI and continuous deployment (CD) pipeline to Azure. Links: https://devchat.tv/js-jabber/jsj-345-azure-devops-with-donovan-brown-live-at-microsoft-ignite/ Donovan Brown’s GitHub Donovan Brown’s Twitter Donovan Brown Donovan Brown – Channel 9 Donovan Brown – Microsoft Azure YoTeam Azure.com/devops https://azuredevopsdemogenerator.azurewebsites.net/ https://azure.microsoft.com/en-us/services/devops/pipelines/ GitHub Azure DevOps’ Twitter https://twitter.com/TheLoECDA Picks: Donovan: YoTeam VSTeam Powershell Module Charles: Jet Blue Beta Tester Special Guest: Donovan Brown. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Sentry use the code “devchat” for $100 credit Triplebyte CacheFly Panel Divya Sasidharan Erik Hanchett Charles Max Wood Joined by special guest: Natalia Tepluhina Episode Summary  In this episode of Views on Vue, the panelists talk to Natalia Tepluhina, Senior Frontend Developer at GitLab, about the importance of good documentation and the value of its contribution to open source in comparison to that of actual code. Natalia talks about the projects she has written documentation for, and they discuss the challenges in producing good docs. She explains three rules in making documentation comprehensive and the process involved in its creation.  They then go into specifics about Vue documentation and discuss plugins, differences between cookbooks and guides, ways for developers to contribute to the projects, resources that they can use to learn stuff effectively and Vue Vixens curriculum vs official Vue documentation. Natalia gives an overview of Vue Vixens’ workshops (catered exclusively to women in software development) and mentions some locations around the world where they are held. She gives details about them including reasons why they choose to build mobile apps, their content and curriculum, and technical level of attendees. She also encourages women listeners to join their Slack channel (given in the links section) for more information about Vue Vixens. The panelists finally discuss representation of various groups in software development in general and the benefits of attending such workshops. Links Vue.js Vue cookbook Awesome Vue Twitter poll on Documentation vs Code contribution Vue Vixens Vue Vixens Slack channel Workshop at VueConf US Building a Desktop App with Vue  Natalia’s Twitter Natalia’s GitHub https://www.facebook.com/ViewsonVue/ https://twitter.com/viewsonvue Picks Erik Hanchett:  Brotopia:Breaking Up the Boys’ Club of Silicon Valley Divya Sasidharan: How to build a Vue CLI plugin by Natalia Tepluhina Natalia Tepluhina: Vue 2.6 Charles Max Wood: Regularly spend time with just your significant other Honey - Chrome Plugin Withings weighing scale Special Guest: Natalia Tepluhina. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Sentry use the code “devchat” for $100 credit Triplebyte CacheFly Episode Summary In this episode of Views on Vue, the panelists chat about accessibility with Maria Lamardo, a Board Certified Assistant Behavior Analyst currently working as a Corporate Systems Engineer at Nutanix. Maria is also the founder of Developers at RTP and is the Vue Vixens' Chapter Leader. She has extensive experience with people with learning disabilities. For Maria, accessibility means making the web available to everyone regardless of their location and their disabilities. These disabilities could be permanent or temporary and can be auditory, visual and cognitive in nature. One of the biggest challenges in developing accessible apps is making the business case to management. Maria shares tips on how to approach new projects with accessibility in mind from the start. Elements of Vue that help with accessibility like the vue-announcer plugin and Accessible Rich Internet Applications (ARIA) attributes are briefly discussed. Beyond accessibility, Maria shares her journey of how she transitioned to become a web developer. Links https://www.linkedin.com/in/marialamardo https://github.com/mlama007 https://www.meetup.com/tr-TR/Developers-RTP https://vuevixens.org/team https://www.npmjs.com/package/vue-announcer Picks Erik Hanchett: https://gridsome.org/ Program With Erik https://www.hbo.com/game-of-thrones Chris Fritz: Sex Education Good Place https://purple.com/seatcushions Charles Max Wood: https://www.audible.com/ Kingfountain series by Jeff Wheeler Turmeric Bio Shots Maria Lamardo: https://www.vuemastery.com/ Xbox Adaptive Controller Special Guest: Maria Lamardo. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Sentry use the code “devchat” for $100 credit Triplebyte CacheFly Panel Chris Fritz Divya Sasidharan Charles Max Wood Episode Summary In this 50th episode of Views on Vue, the panelists talk about how they came on-board the show and what gave rise to the Vue podcast. They mention their favorite episodes and the most notable speakers they have had till now. They describe how they got involved in the Vue community in general and their experiences along the way and also dive into what they are working on currently. Charles speaks about wanting to help people reach their goals through the podcast by introducing more shows, reaching out to them, creating good content and more. In the end, the panelists discuss about delegating tasks thereby making time for more things to work on, and things they do to decompress and unwind from their everyday schedule. Links VueConf US Miriam Suzanne Picks Chris Fritz: Semiosis Getting enough sleep Divya Sasidharan: Our Software Dependency Problem Mort Duolingo Spanish podcast Charles Max Wood: Upcoming series – The Big Four-O on The DevRev Zoom Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors Sentry use the code “devchat” for $100 credit TripleByte   Episode Summary In this episode Chris and Divya discuss the various aspects of making online forms for clients or checkout processes for customers user friendly. They discuss input masking which allows the user who might be a client or customer to input data such as phone numbers and emails in a way that is readable to the user while still allowing the browser to read the information on the website or when filling out an online form. Chris and Divya touch on some basic questions the engineer might come across in creating these fields. These include: where the users cursor is, pasting issues, time zones, autosizing text areas. They go into detail on filling out forms and the options of having multiple end-points one end point, and ways to help the customer or client fill out data smoothly and correctly. They discuss a little about using a progress bar to help users to see how far along they are in the process. They discuss the option of help-text which helps users to quick reference what something might be when filling out a less familiar form. They discuss briefly the usage of max-limit or max-length; AB Testing. Ultimately in this episode, Chris and Divya help those software engineers who are wanting a basic understanding of what questions they might come across to make a client or customers process on the form or site as smooth as possible through input masking and more.   Links cachefly.com Autosize Rachel's Cartooning For Developers Content Editable Get Selection Computer Properties and Watchers   Picks Chris Stardew Valley Talk to people - “Talk to people in your life when you are having a hard time. It can be tempting to not want to bother people with your problems you don’t want people to feel like you are causing a problem. Every day that you avoid people you lose friendship points.There is not a risk to reaching out, being vulnerable, and sharing.” Divya Book Theif Fortified Bike Light   Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors: Netlify Sentry use the code “devchat” for 2 months free on Sentry’s small plan CacheFly Panel Divya Sasidharan Chris Fritz Charles Max Wood Special Guest: Dobromir Hristov Episode Summary  In this episode of Views on Vue, the panelists talk to Dobromir Hristov, a frontend developer from Bulgaria working for hypefactors. Dobromir is also the organizer of VueJS Bulgaria and he created a Vue Beginners Workshop to increase the size of Vue community in Bulgaria. Dobromir describes the workshop’s development stage and his preparation process for the curriculum. He explains that for this workshop, they targeted developers with very little JavaScript experience. The workshop is also available on GitHub for people to check out and contribute. The panel then compares different workshop styles and best methods to keep the audience interested in the workshop content. Dobromir then gives details on the setup and concept of his workshop. He explains that he used Game of Thrones as the concept which the audience really enjoyed. He then describes what he would do differently next time. The panel talks about best practices and tips to prepare a good workshop and share anecdotes about their experiences addressing an audience in a workshop. Links Vue.js Dobromir’s Twitter Dobromir's GitHub Dobromir's Medium Dobromir's Workshop on GitHub VueJS Bulgaria Vuelidate Error Extractor Vue.js Beginners Workshop Facebook Dobromir's Blog Post: A brief review of Vue learning resources — State of 2018 Slides VueSchool Dopamine Vue Mastery Intro To Vue Chris' Slides Sarah Drasner Project voice from diaphragm https://twitter.com/mhartington https://www.facebook.com/ViewsonVue/ https://twitter.com/viewsonvue Picks: Divya Sasidharan: Summerland by Hannu Rajaniemi Making and Breaking the Grid: A Graphic Design Layout Workshop by Timothy Samara Sarah Soueidan Chris Fritz: https://opencollective.com/vuejs http://www.vueconf.us/workshops/ https://www.patreon.com/vuevixens Charles Max Wood: Fart Bomb Charles' GitHub: New devchat.tv Build on Eleventy  Dobromir Hristov: Testing Vue.js Applications by Edd Yerburgh Testing Vue.js components with Jest by Alex Morales Ditto Keyboard App Gyazo Slides  Special Guest: Dobromir Hristov. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors: KendoUI Sentry use the code "devchat" for $100 credit TripleByte Panel: Chris Fritz Divya Sasidharan Erik Hatchett Charles Max Wood Special Guest: Kevin Drum Notes: This episode features special guest Kevin Drum from Virginia. Kevin is a remote developer for Asteris, a company supplying tech to veterinarians based out of Colorado. Kevin works daily on a Vue app called Keystone Omni which provides imaging solutions for veterinarians, but was invited on the show because he made a blackjack game with Vue. The panel discusses his inspiration for making a game with Vue, since Vue is most often used to manage data. Kevin details the technologies he used to create his game, including GreenSock and the influence of Vue X on the design of his app. He discusses some of the bugs he encountered while creating his game. Kevin talks about designing the interface with Figma and the caution that should be taken when adding sound effects to a game. He discusses his decision to use Canvas and WebGL, as well as other technologies like Vue Babylon JS. The panelists talk about shaders, an algorithm that will manipulate shapes, and the difficulties with using them. They talk about how to get started making your own game. Kevin advises listeners to first focus on the logic of the game and then on the aesthetics, encouraging a “make it work first, then make it pretty later” approach. They also encourage listeners to play around with Vue by making a demo app first to practice changing all the different properties of the elements. The panelists talk about other uses for Vue in games and if there are benefits to writing a game loop outside of Vue. Chris highlights the #vuenicorn contest that was hosted on twitter. Terms: Canvas Dom elements SVG CSS GreenSock webGL Node VueX Figma Tone JS Vue Babylon JS Unity Native Electron Cordova Capacitor Shaders Phaser Web audio API Picks: Chris: CrossCode Vue Conf US Workshops Erik: Let's talk about an unnecessary but popular Vue plugin article Charles: McKirdy Trained Running Coaches Garmin Foreunner Watch Kevin: Refactoring UI Game Programming Patterns Special Guest: Kevin Drum. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors KendoUI Sentry use the code "devchat" for $100 credit TripleByte CacheFly Panel Chris Fritz Divya Sasidharan Joe Eames Charles Max Wood Joined by Special Guest: Darren Jennings Summary Darren Jennings talks about his open source component vue-autosuggest and his experience open sourcing it. He talks about support, use cases, and feature implementation. The panel shares support request stories. Darren gives tips for open sourcing and making components more reusable. He shares his favorite tools for composing components. He explains the benefits he has seen open sourcing this component.   Links https://openresty.org/en/ https://konghq.com/ https://github.com/Educents/vue-autosuggest https://vuejsdevelopers.com/2018/01/15/vue-js-render-props https://medium.com/@darrenjennings/open-sourcing-your-first-vue-component-5ef015e1f66c https://twitter.com/darrenjennings https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: http://entreprogrammers.com/ The Pomodoro Technique: The Acclaimed Time-Management System That Has Transformed How We Work https://kanbanflow.com/ https://www.11ty.io/ https://www.netlify.com/ Darren Jennings: Xstate library Hollow Knight - Nintendo Switch vue-autosuggest Chris Fritz http://www.matthewbrowngames.com/hexcellsinfinite.html Be vulnerable with people in your life. The Power of Vulnerability: Teachings of Authenticity, Connection, and Courage Divya Sasidharan: https://24ways.org/ https://calendar.perfplanet.com http://shortdiv.com/ Joe Eames: Framework Summit ng-conf minified Give   Special Guest: Darren Jennings. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors: KendoUI Sentry use the code "devchat" for $100 credit TripleByte Panel: Divya Sasidharan Erik Hanchett Chris Fritz Joe Eames John Papa Charles Max Wood Special Guest: John Datserakis Episode Summary In this episode of Views on Vue, the panelists talk to John Datserakis, a full stack developer from North Shore Massachusetts. John has been programming for 9 years and works for Promosis, Inc. a company that develops and designs sweepstakes programs and other marketing tools. After leaving jQuery, John wrote a detailed tutorial comparing Vue and React. He felt that there weren’t enough tutorials available that show the issues developers face while coding in real time. With this tutorial he wanted to go through all the challenges a developer can face while learning a new framework from scratch. Comparing his favorite and least favorite parts using React, he mentions he didn’t “fall in love with it” enough to leave Vue. John then compares his experiences with Create React App and Vue CLI and talks about his most recent project, Best Meta which helps pick the most popular items on Amazon. John also talks briefly about his experiences using Vuex and Redux. Writing the detailed comparison tutorial helped John sharpen his JavaScript skills but he reveals that, at the end of the day, he will use Vue for his next project. Links Vue.js React.js John's GitHub John's Twitter John's LinkedIn Promosis, Inc. https://webpack.js.org/ https://angular.io/cli/update https://cli.vuejs.org/ https://redux.js.org/ https://www.facebook.com/ViewsonVue/ https://twitter.com/viewsonvue John's Recent Project: Best Meta John Datserakis' Article - Comparing Vue and React John Datserakis’ open-source projects on GitHub that pertain to the article: koa-vue-notes-api koa-vue-notes-web koa-react-notes-web John Datserakis' Other Recent GitHub Projects: vue-simple-context-menu vue-cookie-accept-decline vue-programmatic-invisible-google-recaptcha Picks John Papa: A book by Chris Noring on React Chris Noring's Twitter Divya Sasidharan: Framework Summit Sarah Drasner’s Workshop Design for Developers Ghost Erik Hanchett: AWS Amplify Chris Fritz: Google Fi Referral Code Ball Lightning by Cixin Liu FrontendMasters Joe Eames: ng-conf Minified – YouTube Framework Summit John Papa - AngularConnect Charles Max Wood: Eleventy Nunjucks John Datserakis: John's Recent Project: Best Meta Netlify Anthony Gore's Website        Special Guest: John Datserakis. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors KendoUI Sentry use the code "devchat" for 2 months free on Sentry small plan TripleByte CacheFly Panel Joe Eames Charles Max Wood Joined by Special Guest: Alexander Lichter Summary Alexander Lichter introduces Nuxt.js, explaining how to use it and what use cases it can be used for. He explains why a developer should learn Nuxt.js and advises on a few learning resources. The panel discusses statically rendered sites and server-side rendering. Alexander shares what’s next for Nuxt.js and what to expect in the newest version. As a core team member at age 21, Alexander explains how he got involved with the Nuxt.js team. The panel shares an appreciation that anyone with any amount of experience can contribute to open source. Alexander shares a little about his own life and what is “nuxt” for him. Links https://school.programwitherik.com/p/create-awesome-vue-js-apps-with-nuxt-js https://devchat.tv/dev-rev/ https://nuxtjs.org/ https://vueschool.io/ https://www.lichter.io/ https://twitter.com/TheAlexLichter https://github.com/manniL https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Joe Eames: https://vueschool.io/ https://serviceworkies.com/ Charles Max Wood: Disney Heroes: Battle Mode The Immortal Nicholas Alexander Lichter: http://www.brainerrors.com/anchoringeffect-gandhi.php https://medium.com/@vipercodegames/nuxt-deploy-809eda0168fc    Special Guest: Alexander Lichter. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Special Guests: Ed Thomson In this episode, the Charles speaks with Ed Thomson who is a Program Manager at Azure through Microsoft, Developer, and Open Source Maintainer. Ed and Chuck discuss in full detail about Azure DevOps! Check out today’s episode to hear its new features and other exciting news! Show Topics: 0:59 – Live at Microsoft Ignite 1:03 – Ed: Hi! I am a Program Manager at Azure. 1:28 – Rewind 2 episodes to hear more about Azure DevOps! 1:51 – Ed: One of the moves from Pipelines to DevOps – they could still adopt Pipelines. Now that they are separate services – it’s great. 2:38 – Chuck talks about features he does and doesn’t use. 2:54 – Ed. 3:00 – Chuck: Repos and Pipelines. I am going to dive right in. Let’s talk about Repos. Microsoft just acquired GitHub. 3:18 – Ed: Technically we have not officially acquired GitHub. 3:34 – Chuck: It’s not done. It’s the end of September now. 3:55 – Ed: They will remain the same thing for a while. GitHub is the home for open source. Repos – we use it in Microsoft. Repositories are huge. There are 4,000 engineers working in these repositories. Everyone works in his or her own little area, and you have to work together. You have to do all this engineering to get there. We bit a tool and it basically if you run clone... Ed continues to talk about this topic. He is talking about One Drive and these repositories. 6:28 – Ed: We aren’t going to be mixing and matching. I used to work through GitHub. It’s exciting to see those people work close to me. 6:54 – Chuck. 6:59 – Ed: It has come a long way. 7:07 – Chuck: Beyond the FSF are we talking about other features or? 7:21 – Ed: We have unique features. We have branch policies. You can require that people do pole request. You have to use pole request and your CI has to pass and things like that. I think there is a lot of richness in our auditing. We have enterprise focus. At its core it still is Git. We can all interoperate. 8:17 – Chuck. 8:37 – Ed: You just can’t set it up with Apache. You have to figure it out. 8:51 – Chuck: The method of pushing and pulling. 9:06 – Chuck: You can try DevOps for free up to 5 users and unlimited private repos. People are interested in this because GitHub makes you pay for that. 9:38 – Ed and Chuck continue to talk. 9:50 – Ed: Pipelines is the most interesting thing we are working on. We have revamped the entire experience. Build and release. It’s easy to get started. We have a visual designer. Super helpful – super straightforward. Releases once your code is built – get it out to production say for example Azure. It’s the important thing to get your code out there. 10:55 – Chuck: How can someone start with this? 11:00 – Ed: Depends on where your repository is. It will look at your code. “Oh, I know what that is, I know how to build that!” Maybe everyone isn’t doing everything with JavaScript. If you are using DotNet then it will know. 12:05 – Chuck: What if I am using both a backend and a frontend? 12:11 – Ed: One repository? That’s when you will have to do a little hand packing on the... There are different opportunities there. If you have a bash script that does it for you. If not, then you can orchestrate it. Reduce the time it takes. If it’s an open source project; there’s 2 – what are you going to do with the other 8? You’d be surprised – people try to sneak that in there. 13:30 – Chuck: It seems like continuous integration isn’t a whole lot complicated. 13:39 – Ed: I am a simple guy that’s how I do it. You can do advanced stuff, though. The Cake Build system – they are doing some crazy things. We have got Windows, Lennox, and others. Are you building for Raspberries Pies, then okay, do this... It’s not just running a script. 15:00 – Chuck: People do get pretty complicated if they want. It can get complicated. Who knows? 15:26 – Chuck:  How much work do you have to do to set-up a Pipeline like that? 15:37 – Ed answers the question in detail. 16:03 – Chuck asks a question. 16:12 – Ed: Now this is where it gets contentious. If one fails... Our default task out of the box... 16:56 – Chuck: If you want 2 steps you can (like me who is crazy). 17:05 – Ed: Yes, I want to see if it failed. 17:17 – Chuck: Dude, writing code is hard. Once you have it built and tested – continuous deployment. 17:33 – Ed: It’s very easy. It’s super straightforward, it doesn’t have to be Azure (although I hope it is!). Ed continues this conversation. 18:43 – Chuck: And it just pulls it? 18:49 – Ed: Don’t poke holes into your firewall. We do give you a lot of flexibility 19:04 – Chuck: VPN credentials? 19:10 – Ed: Just run the... 19:25 – Chuck comments. 19:36 – Ed: ...Take that Zip... 20:02 – Ed: Once the planets are finely aligned then...it will just pull from it. 20:25 – Chuck: I host my stuff on Digital Ocean. 20:46 – Ed: It’s been awhile since I played with... 20:55 – Chuck. 20:59 – Ed and Chuck go back and forth with different situations and hypothetical situations. 21:10 – Ed: What is Phoenix? 21:20 – Chuck explains it. 21:25 – Ed: Here is what we probably don’t have is a lot of ERLANG support. 22:41 – Advertisement. 23:31 – Chuck: Let’s just say it’s a possibility. We took the strip down node and... 23:49 – Ed: I think it’s going to happen. 23:55 – Ed: Exactly. 24:02 – Chuck: Testing against Azure services. So, it’s one thing to run on my machine but it’s another thing when other things connect nicely with an Azure set-up. Does it connect natively once it’s in the Azure cloud? 24:35 – Ed: It should, but there are so many services, so I don’t want to say that everything is identical. We will say yes with an asterisk. 25:07 – Chuck: With continuous deployment... 25:41 – Ed: As an example: I have a CD Pipeline for my website. Every time I merge into master... Ed continues this hypothetical situation with full details. Check it out! 27:03 – Chuck: You probably can do just about anything – deploy by Tweet! 27:15 – Ed: You can stop the deployment if people on Twitter start complaining. 27:40 – Chuck: That is awesome! IF it is something you care about – and if it’s worth the time – then why not? If you don’t have to think about it then great. I have mentioned this before: Am I solving interesting problems? What projects do I want to work on? What kinds of contributions do I really want to contribute to open source? That’s the thing – if you have all these tools that are set-up then your process, how do you work on what, and remove the pain points then you can just write code so people can use! That’s the power of this – because it catches the bug before I have to catch it – then that saves me time. 30:08 – Ed: That’s the dream of computers is that the computers are supposed to make OUR lives easier. IF we can do that and catch those bugs before you catch it then you are saving time. Finding bugs as quickly as possible it avoids downtime and messy deployments. 31:03 – Chuck: Then you can use time for coding style and other things. I can take mental shortcuts. 31:37 – Ed: The other thing you can do is avoiding security problems. If a static code analysis tool catches an integer overflow then... 32:30 – Chuck adds his comments. Chuck: You can set your policy to block it or ignore it. Then you are running these tools to run security. There are third-party tools that do security analysis on your code. Do you integrate with those? 33:00 – Ed: Yep. My favorite is WhiteSource. It knows all of the open source and third-party tools. It can scan your code and... 34:05 – Chuck: It works with a lot of languages. 34:14 – Ed. 34:25 – Chuck: A lot of JavaScript developers are getting into mobile development, like Ionic, and others. You have all these systems out there for different stages for writing for mobile. Android, windows Phone, Blackberry... 35:04 – Ed: Let’s throw out Blackberry builds. We will ignore it. Mac OS dies a fine job. That’s why we have all of those. 35:29 – Chuck: But I want to run my tests, too! 35:36 – Ed: I really like to use App Center. It is ultimately incredible to see all the tests you can run. 36:29 – Chuck: The deployment is different, though, right? 36:40 – Ed: I have a friend who clicks a button in... Azure DevOps. 37:00 – Chuck: I like to remind people that this isn’t a new product. 37:15 – Ed: Yes, Azure DevOps. 37:24 – Chuck: Any new features that are coming out? 37:27 – Ed: We took a little break, but... 37:47 – Ed: We will pick back up once Ignite is over. We have a timeline on our website when we expect to launch some new features, and some are secret, so keep checking out the website. 39:07 – Chuck: What is the interplay between Azure DevOps and Visual Studio Code? Because they have plugins for freaking everything. I am sure there is something there that... 39:30 – Ed: I am a VI guy and I’m like 90% sure there is something there. You are an eMac’s guy? The way I think about it is through Git right out of the box. Yes, I think there are better things out there for integration. I know we have a lot of great things in Visual Code, because I worked with it. 40:45 – Chuck: Yes, people can look for extensions and see what the capabilities are. Chuck talks about code editor and tools.  41:28 – Ed: ... we have been pulling that out as quickly as possible. We do have IE extensions, I am sure there is something for VS Code – but it’s not where I want to spend my time. 42:02 – Chuck: Yes, sure. 42:07 – Ed: But everyone is different – they won’t work the way that I work. So there’s that. 42:30 – Ed: That Chuck. 42:36 – Chuck: Where do people get news? 42:42 – Ed: Go to here! 42:54 – Chuck: Where do people find you? 43:00 – Ed: Twitter! 43:07 – Chuck: Let’s do Picks! 43:20 – Advertisement – Fresh Books! Links: GitHub Microsoft’s Azure Microsoft’s Pipeline Azure DevOps Erlang WhiteSource Chuck’s Twitter Ed Thomson’s Twitter Ed Thomson’s GitHub Ed Thomson’s Website Ed Thomson’s LinkedIn Sponsors: Angular Boot Camp Fresh Books Get a Coder Job Course Picks: Ed Podcast - All Things Git Special Guest: Edward Thomson. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris Fritz Charles Max Wood In this episode, the panel consists of Chris and Charles who talk about developer freedom. Chuck talks about his new show called The DevRev. The guys also talk about time management, answering e-mails, being self-employed, and their goals/hopes/dreams that they want to achieve in life. Check it out! Show Topics: 0:00 – Advertisement – Kendo UI 0:30 – Chuck: Hi! Today our panel is Chris and myself. My new show is The DevRev. There is a lot of aspect of our job that boil down to freedom. Figure out what they like to do and eliminate the things that they don’t like to do. I think it will be 5x a week and I will have a guest every week. What does freedom mean to you? What is your ideal coding situation where you don’t starve? 2:10 – Chris: Let me take a step-back. Why I got into coding it was even before that and it was education. I wanted to work with schools and not necessarily tied to only one school. As a programmer I cannot be asked to do things that I don’t agree with. 3:21 – Chuck: A lot of this thought-process came up b/c of my initial steps into my self-employment. I wanted to go to my son’s activities. I saw freelancing as an option and then had to do that b/c I got laid-off. I hate being told what to do. I have an HOA in my neighborhood and I hate it. They tell me when and how to mow my lawn. This is how I operate it. I hate that they tell me to mow my lawn. I want to talk to people who I want to talk to – that’s my idea of freedom. Everyone’s different idea of what “freedom” is will be different. 5:36 – Chris: I want more time to create more free stuff. Chris talks about DEV experience. 6:28 – Chuck: How did you get to that point of figuring out what you want to do? 6:44 – Chris: I still am figuring that out. I do have a lot of opportunities that are really exciting for me. It’s deciding what I like at that moment and choosing what I want to do vs. not what is going to wear me down. I don’t want to die with regret. There is a distinction between bad tired and good tired. You weren’t true to what you thought was right – and so you don’t settle easy. You toss and turn. I want to end with “good tired” both for the end of the day and for the end of my life. 8:00 – Chuck: I agree with that and I really identify with that. 8:44 – Chris: How do you measure yourself? 8:54 – Chuck: It’s hard to quantify it in only one idea. It’s hard to measure. I list out 5 things I need to do to get me closer to my [one] big goal. I have to get those 5 things done. Most of the time I can make it and I keep grinding on it before I can be done. 9:51 – Chris: My bar is pretty low. Is there more joy / more happiness in the world today in the world b/c of what I’ve done today? I know I will make mistakes in code – and that hurts, no day will be perfect. I try to have a net positive affect everyday. 10:53 – Chris: I can fall easily into depression if I have too many bad days back-to-back. 11:03 – Chuck: I agree and I have to take time off if that happens. 11:13 – Chris talks about open source work and he mentions HOPE IN SOURCE, also Babel. 12:23 – Chuck: When I got to church and there is this component of being together and working towards the same goals. It’s more than just community. There is a real – something in common that we have. 12:57 – Chris: Do you think it’s similar to open source? 13:05 – Chuck: You can watch a podcast in-lieu of an actual in-person sermon. In my church community it’s – Building Each Other Up. It’s not the same for when I contribute to open source. 13:43 – Chris: I ask myself: Is it of value? If I were to die would that work help progress the humankind? By the time I die - I will be completely useless b/c everything in my head is out there in other peoples’ heads. 14:35 – Chuck: When I am gone – I want someone to step into my void and continue that. These shows should be able to go on even if I am not around. I want to make sure that these shows can keep going. 15:48 – Chris: How can we build each other up? We want to have opportunities to grow. I try to provide that for members of the team and vice versa. The amount of respect that I have seen in my communities is quite amazing. I admire Thorsten on the Vue team a lot. (Thorsten’s Twitter.) He talked about compassion and how to communicate with each other and code with compassion. That’s better community and better software. You are forced to thin from multiple perspectives. You want to learn from these various perspectives. 17:44 – Chuck: The ideas behind the camaraderie are great. 17:56 – Chris: And Sarah Drasner! 18:38 – Chuck: She probably feels fulfilled when she helps you out (Sarah). 18:54 – Chuck: We all have to look for those opportunities and take them! 19:08 – Chuck: We have been talking about personal fulfillment. For me writing some awesome code in Vue there is Boiler Plate or running the tests. 19:52 – Chuck: What tools light you up? 20:02 – Chris: I am a bit of a weirdo. I feel pretty good when I am hitting myself against a wall for 9 hours. I like feeling obsessed about something and defeating it. I love it. 21:21 – Chuck: The things that make you bang your head against the wall is awful for me. I like writing code that helps someone. (Chris: I like the challenge.) We will be charged up for different things. You like the challenge and it empowers me to help others out. 22:21 – Chris: I like learning more about how something works. I want to save people a lot of work. There has to be a social connection or I will have a hard time even attempting it. 22:52 – Chris: I also play video games where there are no social connections. I played the Witness a few months ago and I loved the puzzles. 23:45 – Chuck: What other tools are you using? 23:57 – Chris: Webpack is the best took for creating the ideal development scenario. 24:47 – Chuck mentions Boiler Plate. 25:00 – Chris: It was built to help large teams and/or large applications.  I built some other projects like: Hello Vue Components & (with John Papa) Vue Monolith Example. 27:07 – Chuck: Anything else that you consider to be “freeing?” 27:13 – Chris: I like working from home. I like having my routines – they make me happy and productive. Having full control over that makes me happy. The only thing I have is my wife and my cat. 28:12 – Chuck: Yeah I don’t miss driving through traffic. 28:44 – Chris: I don’t like to be around people all day. 30:40 – Advertisement: Get A Coder Job! 31:05 – Chris: Online I get a couple dozen people reaching out to me for different things: completely out-of-the-blue. I want to respond to most of those people but... 33:12 – Chuck: If it’s not on my calendar it won’t happen. I will get those e-mails that can be very time consuming. 33:35 – Chris: When they are asking for something “simple” – it’s not always simple. 34:30 – Chuck: I want to help everybody and that can be a problem. 35:02 – Chris: They are reaching out to me and I want to help. 35:56 – Chuck and Chris go back-and-forth. 36:18 – Chris: How do you figure out how to write a short enough response to the email – to only do 30 minutes? 36:44 – Chuck: Can I answer it in one minute? Nope – so it will go into another pile later in the week. I’ve replied saying: Here is my short-answer and for the long-answer see these references. I star those e-mails that will take too long to respond. 37:50 – Chris and Chuck go back-and-forth. 38:06 – Chuck: Your question is so good – here is the link to the blog that I wrote. 38:37 – Chris: I want to document to point people HERE to past blogs that I’ve written or to someone else’s blog. I feel guilty when I have to delegate. 39:35 – Chuck: I don’t have a problem delegating b/c that’s why I’m paying them. Everyone has his or her own role.  40:40 – Chris: Yeah that makes sense when it’s their job. 41:30 – Chuck: I know working together as a team will free me up in my areas of excellence. 41:49 – Chris: I am having a hard time with this right now. 43:36 – Chuck: We are looking for someone to fill this role and this is the job description. This way you can be EXCELLENT at what you do. You aren’t being pulled too thin. 44:19 – Chris: I have been trying to delegate more. 45:04 – Chuck: Yeah I have been trying to do more with my business, too. What do I want to do in the community? What is my focus? What is my mission and values for the business? Then you knock it out of the park! 45:51 – Chris: As a teacher it is really helpful and really not helpful. You are leading and shaping their experiences. You don’t have options to delegate. 46:27 – Chuck: Yeah my mother is a math teacher. 46:37 – Chuck: Yeah she has 10 kids, so she helps to delegate with force. She is the department head for mathematics and she does delegate some things. It’s you to teach the course. 47:18 – Chris: What promoted you to start this podcast? Is it more personal? 47:30 – Chuck talks about why he is starting this new podcast. 48:10 – Chuck: My business coach said to me: write a mission statement. When I did that things started having clarity for me. Chuck talks about the plan for the DevRev! 55:20 – Chris: I am looking forward to it! 55:34 – Chuck: It will be recorded via video through YouTube, too, in addition to iTunes (hopefully). 55:52 – Chris & Chuck: Picks! 55:58 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue React JavaScript C# C++ C++ Programming / Memory Management Angular Blazor JavaScript DevChat TV VueCLI Boiler Plate Hello Vue Components Vue Monolith Example Thorsten’s Twitter Sarah’s Twitter Ben Hong’s Twitter Jacob Schatz’ Twitter Vue Vixens The DevRev Sponsors: Fresh Books Cache Fly Kendo UI Get A Coder Job! Picks: Chris Vue Vixens Charles repurpose.io MFCEO Project Podcast Game - Test Version Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Aaron Frost Shai Reznik    Divya Sasidharan Joe Eames Lucas Reis Special Guest: Sean Merron In this episode, The panelist of View on Vue, Adventure In Angular, React Round-Up, Ruby Rogues, and JavaScript Jabber speaks with Sean Merron about Mastermind Groups of Startups and much more. Sean is the founder of today's topic and product “Mastermind Hunt.” This product is design to skillfully find a mastermind to take your business and skills to the next level. Show Topics: 0:00 – Advertisement: AngularBootCamp.Com 3:00 – Webinar announcement January 3rd, 2p EST. 4:10 - Sean talks about the importance of a Mastermind and his evolvement in Mastermind groups. Sean breakdowns what exactly what a mastermind is about. 6:10 - Charles ask the panelist if they have engaged in Masterminds. Shai talks about his experience and seeing one-sidedness in Masterminds. Sean talks about how to avoid this issue and staying on track. Sean shares on how to keep the meeting moving forward and meet accountability tasks. 10:10 - Joe asks about examples of chatting on topics with co-workers and how is this different from masterminds. And how to keep topics on track. Sean provides using the round robin method to give each person a chance to bring their needs to the table. Sean talks about how developers share advice and topics in Masterminds. 14:43 -  Charles shares about how this works in using exercise workbooks as a group and who the rotation works for the hot seat. Sean explains that this is used to find others at your same level to help one another. 16:50 - Shai ask about the benefits of mastermind, but how can we integrate higher level issues among a group. Sean shares a story about meeting and benefits of networking in Masterminds. Sean and Chuck continue with the power of networking among these types of groups. 22:00 -  Charles talks about the complexity of personal issues. Shai asks about how to build a mastermind. Sean gives examples of formats and schedule, number of people, and how to conduct successfully. Sean gives examples of technologies to use to help conduct masterminds, like Facebook groups, Skype, Zoom.  Sean explains how this led to building  mastermindhunt.com 27:00 – Advertisement: Get A Coder Job! 27:00 -  Charles talks about how he did a lunch meetup as a mastermind. Lucas gives examples of guilds in his job. Lucas explains the guilds and how this works among the software development team. Lucas shares about presenting in a guild. Lucas says this is great for accountability and success. 30:00 -  Sean asks about the size or how many people are in the guild. Lucas mentions that if you do not understand something, bring it to the guild. Sean mentions how this could help shy people and build trust. Sean talks about “Friend D A” 34:00 -  Charles again talks about that BrownBag lunch mastermind. Charles talks about how to keep masterminds on track and not a chatfest. Joe asks about the accountability goals. Sean talks about how this works in Mastermind Hunt.  Sean gives an example of how to keep people accountable in fun ways. 37:00 -  Shai talks about having to shave his head when he was not meeting accountability goals.  Sean continues about respecting people’s time and keeping on topic with hot seat questions. 39:00 -  Shai asks about how to approach people who are not meeting goals and take-up to much time. Sean says the person with the best relationship should approach the person before they have to bump them out of the mastermind spot. 42:00 - Charles tells talks about EntreProgrammers as a mastermind and the freeform style of the format. Charles talks about leaving the group if it is not meeting your value needs. 44:00 - Sean talks about the introduction and application programs to enter into a mastermind. Lucas talks about diminishing quality of a mastermind, and how he up the quality of engaging in a way that heightens the program. Sean shares more about the initial attitude of the person who starts the meeting. 49:00 -  Divya ask about those who are not hitting their goals, but how do you keep them engaged without leaving the group. Sean mentions breaking down the goals or creates achievable goals. Sean talks about figuring out the organization and finding out where the issues are at, that might be the problem to hitting goals. 51:00 - Divya ask about how enthusiasm can diminish about how to keep that from happening in Masterminds. Sean says you have to be consistent with your goals and make it fun. 55:00 - Shai gives a quick recap of masterminds. Shai asks about how to rotate the hot seat. Sean gives a webinar link for mastermindhunt.com/devchat on January 3rd, 2 pm EST. 57:30 – Advertisement – Fresh Books! 30-day free trial! END – Advertisement – Cache Fly! Links: Sean’s Twitter 2frugaldudes  podcast Sean’s LinkedIn mastermindhunt.com mastermindhunt.com/devchat Sponsors: Angular Boot Camp Fresh Books Get a Coder Job Course Cache Fly Picks: Shai Bob Proctor Joe  Coolstuffinc luxor NG Conf Minified Lucas Radical Candor Divya Alan Watts Framework Summit Videos Several Short Sentence about Writing Charles CES - devchat.tv/events Modern Medicine Sean (757) Area Code Special Guest: Sean Merron. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Joe Eames John Papa Erik Hatchett Charles Max Wood Special Guest: Miriam Suzanne In this episode, the panel talks with Miriam Suzanne who is an author, performer, musician, designer, and web developer who works with OddBird, Teacup, Gorilla, Grapefruit Lab, and CSS Tricks. She’s the author of Riding SideSaddle and the Post-Obsolete Book, co-author of Jump Start Sass, and creator of the Susy and True Open-Source toolkits. The panel and the guest talk about Fonts! Show Topics: 0:00 – Advertisement – Kendo UI 0:53 – Guest: Hello! 1:01 – Guest: I am a designer and a developer and started a business with my brother. We are two college dropouts. 2:00 – Panel: Is that’s why it’s called OddBird? 2:05 – Guest: Started with Vue and have been talking at conferences. 2:31 – Chuck: Chris invited you and he’s not here today – go figure! 2:47 – Panel: You are big in the CSS world. 2:58 – Guest: That’s where I’ve made my name. I made a grid system that was popular at one moment in time. 3:17 – Panel. 3:27 – Panel: Grid Systems are... 3:36 – Guest talks about her grid system and how it looked. 4:20 – Panel. 4:24 – Panel goes back-and-forth! 5:24 – Chuck. 5:27 – Guest: That’s why grid systems came out in the first place b/c layout was such a nightmare. When I built Susy... 6:02 – How much easier is design today on modern browsers compared to ten years ago when you created Susy? 6:14 – Guest: It can look daunting but there are great guides out there! 7:04 – Panel asks a question. 7:11 – Guest: We recommend a stack to our clients. We had been using backbone Marinette for a while and we wanted to start messing with others. Looking at other frameworks. Looking at design, I like that Vue doesn’t hide it from me and I can see what I need. 8:41 – Panel: I love that about Vue. I knew this guy named, Hue. 8:54 – Guest: I have been friends with Sarah Drasner. 9:07 – Panel: Sarah is great she’s on my team. 9:39 – Guest: I had been diving into JavaScript over the summer. I hadn’t done a lot of JS in the past before the summer. I was learning Vanilla JavaScript. 10:21 – Guest: I don’t like how it mixes it all together (in reference to the JSX). 10:44 – Panel mentions Python and other things. Panelist asks a question. 10:54 – Guest: That would be a question for someone who writes that. 11:30 – Panel: I am going to change topics here for a second. Can you talk about your talk? And what is a design system? 11:48 – Guest answers the question. 13:26 – Panel follows-up with another question. 13:35 – Guest talks about component libraries. 15:30 – Chuck: Do people assume that the component that they have has all the accessibility baked-in b/c everything else does – and turns out it doesn’t? 15:48 – Guest answers. Guest: Hopefully it’s marked into the documentation. 16:25 – Panel. 16:36 – Guest: If you don’t document it – it doesn’t exist. 17:01 – Panel. 17:22 – Guest: “How do we sell clients on this?” We don’t – we let them come back and say, “we had to do less upkeep.” If they are following our patterns then... 17:57 – Panel: We’ve had where guides are handed off and it erodes slowly over time. Then people are doing it 10 different ways and not doing it the way it was designed. 18:31 – Guest: Yes, it should be baked-into the design and it shouldn’t be added to the style guide. 19:02 – Chuck: I really love Sass – and CSS – how do you write SASS or CSS with Vue? 19:12 – Guest answers the question. 19:23 – Chuck: You made my life better! 19:31 – Guest: If you have global files...you can have those imported among other things. 20:11 – Panel: What’s the best way to go about that? 20:24 – The guest talks about CSS, global designs, among other things. 21:15 – The guest mentions inverted triangles CSS! 22:12 – Guest: The deeper we get the narrower we get! 22:49 – Guest mentions scope styles. 23:12 – Panel: That makes total sense! We are using scope everywhere. 23:30 – Guest. 23:36 – Panel: How would you approach this? I start with scope and then I take them out of scope and then usually promote them to import for mix-ins. I wonder where is that border? 24:30 – Advertisement – Get A Coder Job! 25:09 – Guest answers the question. 25:53 – Panel: It sounds easy at first but when you are designing it you say: I know that isn’t right! 26:13 – Guest: I try to go through a design proposal. 26:27 – Guest defines the term: reused. 27:04 – Panel. 27:10 – Guest. 27:30 – Panel: We used to have this problem where we got the question of the following: splitting up the CSS bundles. 28:27 – Guest: That is the nice thing of having CSS in components. 28:49 – Panel asks Miriam a question. 29:02 – Guest: That’s often when someone wants a redesign. 29:54 – Panel: How do you decide on how many fonts to deliver so they don’t take over the size of the browser? 30:09 – Guest: The usual design rule is no more than 2-3 fonts works out well for performance. Try to keep that rule in mind, but you have to consider every unique project. What is more important for THAT project? 31:46 – Panel. 32:21 – Guest gives recommendations with fonts and font files. 33:37 – Chuck: What are you working on now with Vue? 33:45 – Guest answers the question. The guest talks about collaborative writing. 34:10 – Miriam continues. 34:55 – Chuck: What was the trickiest part? 35:00 – Guest answers the question. 36:03 – Guest: It’s called Vue Finder and it’s through open source. 36:39 – Chuck: Any recent talks coming up for you? 36:49 – Guest: I have one tonight and later one in California! 37:02 – Guest: There were several Vue conferences this year that I was sad to have missed. 37:40 – Guest: Are you doing it again? 37:49 – Panel: How many do you attend? 37:57 – Guest: Normally I do 8-10 conferences and then a variety of Meetups. 38:33 – Chuck: Picks! How do people find you? 38:41 – Guest: OddBird.net and Twitter! 38:58 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue React JavaScript C# C++ C++ Programming / Memory Management Angular Blazor JavaScript DevChat TV JSX VueConf US 2018 CSS Tricks – By Sarah Drasner Real Talk JavaScript FX Miriam’s Twitter Miriam’s Website OddBird Sponsors: Fresh Books Cache Fly Kendo UI Get A Coder Job! Picks: Joe Indoor Rock Climbing Getting back into what you enjoy RoboTech History of Robotech Vue.JS In Action John Papa How To Import a SASS file into every Vue Component in an App Real Talk JS Podcast Erik AWS Amplify Doctor Who Charles Dungeons and Dragons Stuff Extreme Ownership Miriam Pose New DND Game - Test Version Special Guest: Miriam Suzanne. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Special Guest: Brady Gaster In this episode, Chuck talks with Brady Gaster about SignalR that is offered through Microsoft. Brady Gaster is a computer software engineer at Microsoft and past employers include Logical Advantage, and Market America, Inc. Check out today’s episode where the two dive deep into SignalR topics. Show Topics: 0:00 – Advertisement: AngularBootCamp.Com 0:56 – Chuck: Hello! We are going to talk about SignalR, which is an offering through Microsoft. 1:09 – Guest: It started in 2011 that’s when I got involved, but I wasn’t with Microsoft, yet, at that point. I was working on the technology, though. Effectively you can do real time HTMP but what they did (Damon and David) let’s create a series of abstractions but not we have for Java. They basically cam up this idea let’s do web sockets and then go back to pole / pole / pole. It’s to see what the server and the client can support. Guest talks about Socket.io, too. 6:45 – Chuck: What we are talking about real time coordination between apps. 6:56 – Guest: Web sockets, 1 million...and 2.6 million messages a second! 7:05 – Chuck: I can set that up like I usually set up web sockets? 7:17 – Guest: There is a client library for each. Effectively you have a concept called a connection. 9:48 – Chuck: How do you handle authentication on the frontend? 9:56 – Guest: We have server side things that we can attribute things. 10:09 – Chuck. 10:12 – Guest: If you authenticate to the site then the site passes the token and it basically sits on top of the same plumbing. 10:38 – Chuck. 10:42 – Guest. 10:54 – Chuck. 10:58 – Guest: We recently just had the DOT NET CONF. We had an all night, 24-hour thing. 11:48 – Chuck: Here you are, here you go. You hook it all up, JavaScript into your bundle. 12:05 – (The guest talks about how to install.) 13:12 – Chuck: I could come up with my own scheme. 13:25 – Guest: The traditional example is SEND A MESSAGE and then pass you string. Well tomorrow I do that and I just change the code – it’s great b/c I send up a ping and everybody knows what to do what that ping. It’s just a proxy. 14:17 – Chuck: I am trying to envision what you would use this for? If you are worried about it being stale then you refresh. But if you want the collaborative stuff at what point do you ask: Do I need SignalR? 15:00 – Guest: When I do my presentations on SignalR and being transparent I want to send you 1,000 messages but 1 or 2 messages will be dropped. You don’t want to transmit your order data or credit card information. Do you have a hammer and you need a screw?  If you need stock tickers and other applications SignalR would work. Keeping your UI fresh it is a great thing. 19:02 – Chuck: You do that at the Hub? You set up the Hub and it passes everything back and forth. What can you do at the Hub for filtering and/or certain types of events? 19:26 – Guest: I am looking at a slide. What’s the cool thing about SignalR and the API is it’s deceptively simple on purpose. If you want to call out to clients, you can get a message to all of your clients if you select that/those feature(s).  Some other features you have are OTHERS, and Clients.Group. 20:57 – Chuck: Can you set up your own? 20:58 – Guest: I don’t know. 21:12 – Chuck: Clients who belong to more than one group. 21:23 – Guest: Dynamics still give some people heartburn. (The guest talks about C#, Dev, Hub, and more!) 23:46 – Advertisement: Get A Coder Job! 24:23 – Chuck: How do people get started with this? Do they need Azure? 24:30 – Guest: You don’t need Azure you can go to Microsoft and it’s apart of the .NET team, too. 26:39 – Guest talks about how to install SignalR – see links below! 27:03 – Chuck: You don’t have to KNOW .NET. 27:11 – Guest: It was created by that team (*fair enough*) but you don’t have to know .NET. 27:57 – Guest: You can I could do JavaScript all the way. 29:04 – Chuck: Yes, we keep moving forward. It will look different what people are using. 29:21 – Guest: That was an early thing and I was reading through the old bugs from 2011/2012 and that’s one thing that kept coming up. I didn’t want to use jQuery to use SignalR – now you don’t. It’s a happy thing. 30:45 – Guest: Someone suggested using PARCEL. I have a question do you have any recommendations to have NODE-SASS workflow to have it less stressful?  31:30 – Chuck: It’s out of Ruby that’s my experience with Node-Sass. 31:40 – Guest: I haven’t used Ruby, yet. 31:46 – Guest: I haven’t heard of Phoenix what is that? 31:50 – Chuck answers. Chuck: It’s functional and very fast. Once you’ve figured out those features they almost become power features for you. Elixir has a lot of great things going for it. 32:50 – Guest: I tried picking up GO recently. 33:08 – Chuck: Lots of things going on in the programming world. 33:18 – Guest: I have always had a mental block around Java. I was PMing the Java guys and I asked: will this stuff work on... Once I got it then I thought that I needed to explore this stuff more! I want to learn Ruby, though. 34:16 – Chuck: Anything else in respect to SignalR? 34:15 – Guest: I really think I have dumped everything I know about Signal R just now. I would draw people to the DOCS pages. A guide for anything that could happen on the JavaScript side – check them out! We have tons of new ideas, too! 37:33 – Picks! 37:42 – Advertisement – Fresh Books! 47:54 – Advertisement – Cache Fly! Links: Vue jQuery Angular C# Chuck’s Twitter SignalR SignalR’s Twitter GitHub SignalR Socket.io Node-SASS ASP.NET SignalR Hubs API Guide – JavaScript Client SignalR.net Real Talk JavaScript Parcel Brady Gaster’s Twitter Brady Gaster’s GitHub Brady Gaster’s LinkedIn Sponsors: Angular Boot Camp Fresh Books Get a Coder Job Course Cache Fly Picks: Brady Team on General Session Korg SeaHawks Brady’s kids Logictech spot light AirPods Charles Express VPN Hyper Drive J5 ports and SD card readers Podwrench Special Guest: Brady Gaster. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris Fritz Joe Eames Divya Sasidharan Special Guest: Eduardo San Martin Morote In this episode, the panel talks with Eduardo San Martin Morote who is a member of the Vue.js team, a speaker, and trainer who currently resides in France. The panelists and Eduardo talk about developing games, coding, WebAssembly, C++, Vue, Angular, memory management, and much more! Check it out! Show Topics: 0:00 – Advertisement – Kendo UI 0:33 – Chris: Today’s panel is Joe Eames who organizes many different conferences. 1:09 – Joe: That was long introduction! Hi everyone! I organize an Angular conference, too; it’s very small. 1:26 – Chris: Divya is also on our panel and is an awesome speaker and conference organizer. Our special guest is Eduardo San Martin Morote! 1:55 – Chris: Actually it’s good that I get your full name. I do speak a little bit of Spanish. 2:17 – Panel goes back-and-forth. 2:33 – Guest: It was good and sounded like American Spanish. 2:47 – Chris: This is about Eduardo and not my Spanish. You used to be a game developer? 3:08 – Guest. 3:17 – Chris: You wrote a lot of C++? 3:20 – Guest: Yep! 3:22 – Chris. 3:50 – Guest: It’s optimized – you can handle 1 million requests per second – but that doesn’t happen unless it’s a huge organization. 4:24 – Chris: Can you talk about C++? Compare it to JavaScript? 4:37 – Joe talks about transferring from JavaScript to C++. 4:48 – Guest: I am an instructor, too, and teach Vue.js to people. The thing to me is the variable scoping of functions. 5:50 – Chris: Variable scoping – let’s not get into too much detail, cause we are an audio medium. 6:10 – Guest: When you look at the syntax and create classes with JavaScript...I think C++ has always had classes from the beginning. 6:58 – Chris: I used to write things back in the day with C++. I remember some features that were added later that I never got to take advantage of. I can’t remember what they were. I thought classes were one of those things. It won’t be a fruitful line of discussion cause I would be guessing. Chris: What’s different about C++ is that the types are more important? 7:57 – Guest: It’s not that it’s important it’s necessary. 8:27 – Guest: Pointers are an integer that... 8:47 – Guest continues. 8:52 – Chris: In C++ when you say memory management you are... 9:23 – Guest talks about integers, JavaScript, memory, C++, and building games! Check out this discussion here! 11:00 – Panelist talks about web assembly and asks a question. 11:23 – Guest: You will always have...the thing is that you are always getting the most out of the hardware. Computers keep getting faster and faster and people are building games with more effects. 11:53 – (Guest continues): Native video games will always be a step ahead of what web assembly can achieve. 12:50 – Have you heard of Blazor (from Microsoft)? (No.) You write it all in C#. Panel talks about Silver Light. 13:57 – Chris: What is different about web assembly compared to trans-piled to JS languages that are basically Ruby. That compile to JavaScript – you don’t have to write the JavaScript (it’s basically Ruby) and your browser will interpret the JavaScript. 14:42 – Divya: Doesn’t it run on the GPU? That it runs on the graphic card? 14:55 – Chris: It works at a very low-level. Take any language and have the same low access that languages do (low as safely as possible) in the browser b/c there is still security concerns. 15:27 – Guest. 15:43 – Chris: What if I am using Canvas? 15:54 – Guest: ...the logic of your game will be faster. 16:20 – Chris: You have more fine-grained control? And you can control the speed of operations? 16:25 – Guest: You should be able to. If you are using a program like C++... 17:02 – Chris: I don’t know this...I know that JavaScript is an interpretive language you read it from top to bottom... 17:25 – Panel: Can JavaScript read from top to bottom? I thought you had to see the entire thing? Correct me if I am wrong? 17:45 – Chris: Yeah, yeah – absolutely. 17:52 – Panel: I think that’s roughly accurate. We are way off topic! 18:21 – Chris: Would it be accurate (since we aren’t all experts), but it sounds like web assembly is that it does work on a lower level than JavaScript, so it’s possible to achieve optimizations that wouldn’t be possible with JavaScript. Is that true? 18:58 – Divya: I think you could say that...there is an article by Lin Clark that you should check out! 19:37 – Panel: See link to show notes to find article and here! 19:48 – Chris: What got you started into web development? Why no longer game development? 20:02 – Guest: When I started coding at 13-14 years old. It’s funny b/c at 15 years old I was coding and I didn’t even know that I was doing it. 22:41 – Chris: Toxic like...? 22:50 – Guest: Before I was thinking of the long hours and people were working too much, and not getting the recognition that they deserve. It was toxic, and it was a diverse environment. I realized that diversity is very important. The field is changing, but that’s why. 23:42 – Chris. 23:52 – Chris: Something else, it sounds like more familiar with C++ is TypeScript. Talk about that please? 24:17 – Guest: What got me into it were the generic types. 24:30 – Chris: What is a generic? 24:44 – Guest talks about generics. He mentions integers and other terms. 25:30 – Panel helps to clarify about generics, too. 27:08 – Panel: I got into generics when... Panel: Did you get into generics around the same time as C++? 27:27 – Guest. 28:00 – Panel: Where I see generics being used is with RJS. 28:33 – Advertisement – Get A Coder Job! 29:15 – Chris: What is the point? 29:19 – Guest: I think there are many points of view with this. When I build my libraries... 31:37 – Chris: You said that in VS code but I can get that in JavaScript. What is the extra advantage of using TypeScript on top of that? 32:00 – Guest. 32:14 – Chris: Let’s say I ignore the auto-completion, I type quickly – would TypeScript give me a warning? 32:31 – Guest: Yes that is true. If you use it with JavaScript you probably won’t have an error. 33:05 – Chris: A compile time... You mentioned that you could enable some of these checks in JavaScript. How do you do that? Say you have an editor like VS Code, but can actually when there is a potential error? 33:47 – Guest: For a project you have to create a... 34:20 – Chris asks a question. 34:28 – Guest: Yes, I think it does. Pretty sure it does. 34:37 – Chris and Guest go back-and-forth. 35:05 – Chris: See Show Notes for TS Config. 35:10 – Panel. 35:53 – Chris: If they choose not to use TypeScript what are the downsides? 36:05 – Panel talks about his experience and why people might not use TypeScript. He also mentioned CoffeeScript, C#, and JavaScript. He gives an analogy of riding a motorcycle and a truck. 38:04 – Panelist continues. He says that people love the freedom of JavaScript. 39:23 – Chris: If most of your bugs aren’t being caught by... 40:00 – Panel: Something that looks and sees and fits super well doesn’t mean that it’s a good idea. A big project is totally different. When you dip your toe in the water it might be more overhead that you don’t’ need. You have to think about the smaller / larger cases. I think that’s why Vue is getting a lot of popularity. 41:15 – Chris: I don’t think I have found anyone coming from JavaScript that say that TypeScript is not worth it. 41:41 – Guest: I like TypeScript I don’t like writing applications in TypeScript. I like writing my libraries somewhere else. The flexibility that you have in JavaScript helps a lot. I don’t like my components to be typed. I do like having... 42:27 – Guest continues. 43:35 – Chris: Why is it different bad or different good? 43:40 – Guest: It’s bad. 43:53 – Chris: What hurts your development? 44:00 – Guest: You get typing errors. The guest gives a specific example. 45:11 – Chris: It sounds like with applications you are doing more proto typing and changing requirements. Making the types really strict and specific can really hurt you? 45:39 – Guest: That’s better. 45:44 – Chris asks another question. 46:00 – Panel: That’s mostly true. 46:13 – Chris: Types can make some refractors easier, but overall a lot of refractors are going to take longer with TypeScript. At least with your application - say it’s organized in both cases. 46:55 – Chris: One more thing about TypeScript – some people (if not coming from C# or C++) I have found that people are spending a lot of time (making sure the typing is working really well) rather than writing unit tests and stuff like that. There is an opportunity cost there. Try TypeScript – it might be for you! 48:10 – Panel: As the team grows so do the benefits! 48:20 – Chris: Anything else? Where can people find you? 48:24 – Guest: I am giving a workshop in Toronto in November! 48:54 – Guest: Twitter! 49:40 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue React JavaScript C# C++ C++ Programming / Memory Management Angular Blazor JavaScript DevChat TV Graph QL WebAssembly VuePress HACKS TypeScript: Generics Generic Types TypeScript: TS Config.json VS CODE CoffeeScript Opinion – “In Praise of Mediocrity” by Tim Wu GitHub: Vue-Cli-Plugin_Electron-Builder Eduardo’s GitHub Eduardo’s Twitter Eduardo’s Code Mentor Eduardo’s Medium Eduardo’s Trello Sponsors: Fresh Books Cache Fly Kendo UI Get A Coder Job! Picks: Joe Framework Summit Videos on Youtube - Coming soon. Divya Lin Clark Cartoons In Praise of Mediocrity Chris Vue CLI Plugins Electron Builder Read nooks Eduardo Remote work due to traveling Special Guest: Eduardo San Martin Morote. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris Fritz Eric Hatchet Divya Sasidharan Charles Max Wood Special Guest: Benjamin Hong In this episode, the panel talks with Benjamin Hong who is a Senior Fullstack Engineer at GitLab, Inc. who currently resides in the Washington D.C. metro area. Ben and the panel talk about Politico and the current projects that Ben is working on. The panelists talk about topics, such as Vue, Vuex, VuePress, Nuxt, among others. Check out today’s episode! Show Topics: 0:00 – Advertisement – Kendo UI 0:32 – Panel: Hi! Welcome – our panel today is live at Park City, UT. 1:34 – Benjamin introduces himself. 1:41 – Panel: Politico is a well trafficked website and it’s well known. What are your thoughts about working on a well trafficked website? 2:22 – Guest. 2:44 – Panel: Why did you settle on Vue? 2:50 – Guest: ...I came onto the team and was passionate about helping. We built out the component types. I thought Vue was better suited for the team. 3:36 – Panel: That’s a large team – that’s a lot of people 3:45 – Guest: Yeah, at one time I was writing everything. A lot of people on the team right now didn’t know a lot of JavaScript – but having Vue helps everyone to move the project forward. 4:29 – Panel: They can write just HTML, etc. 4:38 – Guest: Yep, exactly. It helps with communication. 4:55 – Panel asks a question. 5:00 – Guest: I use an event bust. 5:20 – Chuck: Did you have to move from an event bust to Vuex and what was that like? 5:30 – Guest: We had to move into module-esque anyways. 5:42 – Panel: You probably have Vuex with modules and...? 5:54 – Guest: We are using your enterprise broiler plate! 6:05 – Panel: Yeah, every team uses their own patterns. What files would I see used within your team? 6:16 – Guest answers the question. 6:55 – Panel asks a question. 7:01 – Guest: We can keep with the recommended packages fairly well! 7:21 – Panel. 7:26 – Guest: Funny enough at London...we are starting to get a lot with our co-coverage. We have a hard time balancing with unit tests and...eventually we want to look at Cypress. 8:12 – Panel. 8:15 – Guest. 8:19 – Chuck. 8:38 – Panel: I always encourage people to test the unit tests. 9:00 – Chuck: As you adopted Vue what was it like to get buy-in from management. Usually they have a strong backend with Rails, and someone comes in and says let’s use X. How do you sell them on: we are going to use this new technology. 9:30 – Guest: We could really use the user-experience better, and also to offload things from the backend developers. Our desire was to control more things like animation and to specialize those things. That was my selling point. 10:32 – Chuck: I tend to do both on the apps that I’m working on. I told Chris that I was going to switch a lot of things to Vue – some of the things you said I am not interested in the backend b/c it’s too painful. 11:01 – Panel. 11:08 – Chuck: There are things that are really, really good on the backend, but... 11:18 – Panel. 11:24 – Panel: You get the benefits of rendering... 11:43 – Chuck: What are your challenges into Vue? 11:50 – Guest: It’s definitely the scale, because we were a team of 5 and now we are a team of 15. Also, the different time changes b/c we have some people who live in India. Getting that workflow and we are looking at STORYBOOK to help with that. 12:30 – Chuck: Every person you add doubles the complexity of the group. 12:40 – Panel: I think that is conservative! 12:49 – Chuck. 12:56 – Panel: I get to see Chuck in person so this is different! 13:09 – Panel: Challenge accepted! 13:18 – Panel: This is the roast! 13:25 – Panel: Are you working, Benjamin, on a component library? Are you working on that alongside your current project? How do you manage that/ 13:38 – Guest: Unfortunately, we have a lot of deadlines and everything is running in parallel! 14:00 – Panel: How do you implement expectations throughout your team? 14:13 – Panel. 14:16 – Guest: It’s for everyone to understand their own expectations and the team’s expectations. I have to be able to parse it out w/o giving them too much guidance. 15:20 – Panel. 15:25 – Guest: Yep! 15:30 – Panel: ...having to edit the same files and the same lines... 15:36 – Guest: We have been able to keep those in their own lanes! 15:44 – Panel: Yeah that’s no fun – I’ve been there! 15:53 – Chuck: You are working in the development branch – and then their thing breaks my thing, etc. 16:08 – Panel: You are doing dimensional travel! It’s almost like reorganizing a complete novel. 16:30 – Guest: You don’t want your work to drag on too long b/c you don’t want to poorly affect the other team members. 16:53 – Panel: Does that mean you use internal docs to help with the workflow? 17:03 – Guest: Yes, we use the common team board. 17:30 – Panel asks a question. 17:39 – Guest: Yes, that’s a challenge. I have setup an internal product called Politico Academy. 18:29 – Chuck: How do you fit into what Politico is doing? 18:45 – Guest: They are giving out cutting edge information regarding policies and that sort of thing. We have tools like compass to track your notes within the team and also bills. Politico Pro is like for lobbyists and those fees are very expensive. 19:23 – Panel: Do you have to create graphs and D3 and stuff like that? 19:35 – Guest: I am itching to do that and we haven’t really done that, yet. I would love to do that, though! 19:42 – Panel: Chris will be talking about that which will air on YouTube! 20:02 – Panel: Ben, you make decisions based on architecture – do the members of the team get to contribute to that or no? 20:27 – Guest: Yeah, I have a democratic approach. I want people to show their opinion, so that way they know that their voice is getting heard. I don’t make all the decisions, but I do give some guidelines. 21:11 – Chris: I like to time box it. I do the same thing, too. 21:49 – Chuck: Yeah someone would propose something to a new feature (or whatnot) and we would want to see if we want to explore it now or later. 21:55 – Panel goes back-and-forth. 23:26 – Panel: On that note- you want to make sure that each developer has submitted a pole request per day. What is universal in regards to coding practices, and code comments, and stuff like that and code style? 23:55 – Guest: We do PREMIER across the board right now. 24:55 – Panel asks a question. 25:08 – Guest: I like having more...if it can show WHY you did it a certain way. 25:33 – Panel: It’s good not to save the data. 25:40 – Chris: Sometimes a SQUASH can be helpful. 25:50 – Divya: I try to commit often and my work is a work in-progress. 26:08 – Chris. 26:13 – Chuck comments. 26:24 – Panel goes back-and-forth! 26:43 – Guest: They will write their code and then use Prettier and it will look terrifying b/c it’s like what did you just do. I want them to see the 2 lines they changed rather than the whole file. 27:13 – Panelist talks about Linting. 27:34 – Chuck. 27:39 – Chris: If it’s not the default then... 27:55 – Divya: When you manually setup your project you can run a prettier pre-commit. 28:00 – Chris: My pre-commits are much more thorough. 28:37 – Panel goes back-and-forth! 29:26 – Advertisement – Get A Coder Job! 30:02 – Panel: Can you talk about VuePress, please? 30:06 – Guest: Yeah! The guest talks about VuePress in-detail! 31:21 – Chuck. 31:25 – Panel. 31:44 – Chuck: I am curious about this – what’s the difference between VuePress and Nuxt? 31:58 – Guest answers the question. 32:19 – Chris adds his comments into this topic (VuePress and Nuxt). 32:47 – Guest. 33:02 – Divya. 34:24 – Chuck: If they are fluent in English and native in another language and it’s easy to figure where to put everything. 34:41 – Chris: Yeah they have a clear path for to clear up any documentation potential problems. 35:04 – Chris: ...the core docs and the impending libraries and the smaller ones, too. 35:17 – Divya: When you are creating the docs and you are thinking about NTN it’s important to think about the English docs. They say that it’s best to think of the language if that doc was to be translated into another language. 35:50 – Chris: Definition: “A function that returns another function” = higher function. 36:19 – Chuck: We are running out of time, and let’s talk about user-scripts. You have co-organized a group in Washington D.C. I tell people to go to a group to help like Meetups. What do you recommend? 37:00 – Guest: A lot of it is to be that community leader and show-up. To figure out let’s go ahead and meet. I know a lot of people worry about the “venue,” but go to a public library or ask an office for space, that’s an option, too. 38:15 – Panel: We have these different Meetups and right now in my area we don’t have one for Vue. 38:37 – Guest: Yeah, I recommend just getting it going. 39:04 – Chris: Yeah, just forming a community. 39:16 – Chuck: D.C. is a large area, so I can see where the larger market it would be easier. But even for the smaller communities there can be 10 or so people but that’s a great start! 39:48 – Guest: Yeah, once it gets started it flows. 40:02 – Chuck: What are the topics then at these meetings? 40:05 – Guest: I like to help people to code, so that’s my inspiration. 40:50 – Divya: I help with the Chicago Meetup and tons of people sign-up but not a lot of people to show – that’s our challenge right now! How do you get people to actually GO! 41:44 – Guest: I tell people that it’s a free event and really the show up rate is about 30%. I let the people to know that there is a beginning section, too, that there is a safe place for them. I find that that is helpful. 42:44 – Chris: Yeah, even the language/vocabulary that you use can really deter people or make people feel accepted. 43:48 – Chuck: Let’s talk about the idea of ‘new developers.’  They would ask people for the topics that THEY wanted to talk about. 44:37 – Divya: From an organizer’s perspective... 46:10 – Chuck: If you want people to show-up to your Meetups just do this...a secret pattern! I did a talk about a block chain and we probably had 3x to 4x a better turnout. 46:55 – Panel. 47:00 – Divya: The one event that was really successful was having Evan and Chris come to Chicago. That event was eventually $25.00 and then when Evan couldn’t come the price dropped to $5.00. 48:00 – Panel goes back-and-forth. 48:22 – Chuck: Where can they find you? 48:30 – Guest: BenCodeZen! 48:40 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue React Angular JavaScript DevChat TV Graph QL VuePress Nuxt Meetup 1 Chicago Meetup for Fullstack JavaScript Ben’s LinkedIn Ben’s Website Ben’s Twitter DevChat TV Past Episode with Benjamin Hong (MJS 082) Sponsors: Fresh Books Cache Fly Kendo UI Get A Coder Job! Picks: Divya Creator Summit  Chris “Chuck” Take a break when traveling to conferences and such Vue.js in Action Eric Stackblitz Charles The One Thing Self Publishing School Ben Ted Talk by Elizabeth Gilbert Vue.js Meetups Special Guest: Ben Hong. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Joe Eames Chris Fritz Divya Sasidharan Special Guest: Guillaume Chau In this episode, the panel talks with Guillaume Chau who is apart of the VueJS core team, a frontend engineer at Livestorm, and an open source contributor. The guest and the panelists talk about plugins, Webpack, Vue CLI, and much more! Check out today’s episode to hear all of the details.  Show Topics: 0:00 – Advertisement – Kendo UI 1:00 – Chris lists who is on the panel along with today’s guest. Chris: Who are you and what are you working on? 1:50 – Guest: I am working on a startup in Paris. I am calling in from Lyon, France. 2:12 – Panel: Late there? 2:15 – Panel: Almost time for dinner? 2:21 – Guest: Yes, it’s cooking now! 2:26 – Panel asks a question. 2:43 – Guest answers the question. 3:14 – Panel: Anyone who didn’t want to be an expert, they don’t’ have to worry about how things tie together – you could help them with their configurations? 3:36 – Guest: A lot of the work is done for you with the configurations so you can start writing your apps. 3:53 – Panel: How is 3 different from 2? 4:06 – Guest: It’s like a new tool entirely. It’s working very different, too, with a different system. It has a different template base.  5:53 – Panel: To combine templates you have to understand it well, like different Webpacks. 6:12 – Guest: Regarding Webpacks and their configurations... 6:52 – Panel: With the template situation there was an issue where they would make their project and as new versions of Webpack came out...and new versions of Babble, and they will have to manage the dependencies of all of these. There might be some plugins that only work with x, y, and z. IT can be frustrating – can version 3 take care of this for you? 7:44 – Guest answers the question. 9:24 – Panel: How do you update plugins? 9:29 – Guest. 10:26 – Panel: Upgrade your plugins then as long as all of your plugins are the same version it’s okay? 10:34 – Guest: Yes. You can upgrade your... 11:38 – Chris: Divya, you just gave a talk (London) on...plugins, right? 11:50 – Divya: Yes. We talked about Webpack configurations. For example, if there are some testing libraries you can essentially setup a UCLI plugin to create a test – create a test folder – plugins let you generate files or folders (structure your project in a certain way). In London I talked about server less functions with... 13:30 – Panel: Any kind of pattern you want to use in different applications you can wrap that up in a plugin? 13:42 – Divya: Yes. Exactly. Instead of repeating yourself you can wrap it up. It’s really handy. 14:00 – Panel asks a question. 14:02 – Divya: You could do that... 14:10 – Panel: ...or a graph QL – Yes! 14:20 – Guest. 14:33 – Chris: Any thing that third-party plugins don’t have access to? 14:43 – Guest. 14:54 – Chris. 15:08 – Guest. 15:25 – Divya: ...if you want a UCLI service...and so you can grab those commands and add-on those commands and using those default commands. You have access to those commands, so you don’t always... 17:02 – Chris: Like deploy? 17:11 – Divya: Yes. 17:17 – Guest. 17:19 – Divya. Divya: Do you have strategies on how you go about testing your plugins? 17:35 – Guest: Yes, I do. 19:23 – Panel: So this is like end-to-end test for a CLI tool? 19:33 – Guest. 19:50 – Panel: Is there documentation for all of this? 19:59 – Guest. 20:14 – Divya: I think the way I’ve done tests is to edit an example a test project as a local dependency and then seeing that it works. I want to make sure that it works. Divya: And the other way I’ve done it is VUE CLI it is undocumented at the moment. You can test your CLI plugin from within the plugin itself. 21:55 – Guest: I’ve used some of those before. 22:08 – Chris: Speaking of the UI that is something I’d love to talk about. It seems unique to me – a CLI tool that has a UI that is built along with it. That seems strange to some people – how does that work and WHY would you need it? 22:42 – Guest: I’ll start with the WHY. It is way more powerful and as a greeter the API interface is more fixable so you can choose different options. For example when you create a project you can set different things. You basically have to name the project and you have simple options to choose form. Now it’s basically a really fixable system with plugins and stuff like that. I thought it would be nice to free it from the terminal. The best way to do that was creating a graphical interface. The main advantage of this was that you could add more information and explanations to what is going on. You can also create better interface. Guest: Also, it currently improves discoverability. 25:30 – Chris: You could do a search in the UI and type in the name of something you are working with and then your plugin would show up in the list – and then it would just be added to their project. That’s nice so they don’t have to go to the NPM or doing the README. 26:07 – Guest. 26:14 – Divya: I think it’s nice b/c I have used it extensively for my plugin. I want to see what hasn’t been taken already. I have a way of organizing my modules and I’ve used to it see what names have already been taken? 26:47 – Guest: I think sometimes... 27:15 – Divya: The feature that you are able to run tasks from the UI is nice. 27:55 – Chris: It sounds like it offers a nicer way to view a lot of things. One of the other advantages (that I found) is that I have a configuration to the listing rules to Vue – you can pick the exact rule set that you want to use. Normally when you look at a configuration file, you don’t know what rule sets are available, you don’t know what options are available. All of this you have to look at documentation. You can see descriptions of what each rule does. You can do so much in the UI. 29:19 – Guest. 29:40 – Advertisement – Get A Coder Job! 30:25 – Chris: Do they still need a terminal? 30:35 – Guest. 32:41 – Chris: That would be cool! 32:46 – Guest. 33:09 – Chris: They still need a little terminal knowledge right? 33:15 – Guest: Yes. 33:33 – Chris: They need a little terminal knowledge, they need to install the package, then they need to run VUE UI, then they can do anything from the terminal inside of the UI? 33:55 – Guest: You can create and import existing projects. 34:28 – Panel. 34:33 – Chris. 34:36 – Panel: It’s already active? 34:43 – Guest: I would like to talk about what I did in London. That conference I talked about... 37:00 – Panel. 37:07 – Guest. 37:20 – Panel: Nice! 37:25 – Guest. Guest: All of these widgets that I talked about you can use the product API and do anything that you want. 38:47 – Chris: If someone wants to see the dashboard that you are doing – where can they see that stuff? 39:00 – Guest: GitHub. Follow the manuscript instructions. 39:16 – Chris: Your London talk was recorded? 39:22 – Guest: Yes. 39:27 – Guest. 39:38 – Divya: Are you planning on giving this talk in other events? 39:47 – Guest: Maybe not anytime soon. 39:56 – Chris. 40:00 – Divya. 40:09 – Guest: It might be release already we don’t know. 40:15 – Divya: A date you would like to release by? 40:25 – Chris: Where can people support you and your work? 40:35 – Guest: Yes, they definitely can. You can check out the GitHub file. Also, check-out my open source work, too. 41:17 – Chris: Twitter? 41:19 – Guest: Yes. 41:24 – Chris: You have cute cat pictures, too. Let’s go to Picks!! 41:40 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue VUE CLI 3 Vue CLI – NPM React Angular JavaScript DevChat TV Article: Infrequently Noted Vue.js Fundamentals GetKap Snipcart Netlify Webpack.js Guillaume Chau’s Vue.JS LONDON Guillaume Chau’s Twitter Guillaume Chau’s LinkedIn Guillaume Chau’s GitHub Guillaume Chau’s GitHub Repositories Guillaume Chau’s ABOUT in Patreon.com Guillaume Chau’s Medium Guillaume Chau’s Info Divya’s London Talk Webpack – Configurations Graph QL Sponsors: Fresh Books Cache Fly Kendo UI Get A Coder Job! Picks: Joe VueJS Fundamentals Developer Experience Bait and Switch Divya Get Kap Snipcart How we built a Due CLI Plugin for Netlify Lambda Chris Meditation Gratefulness Guillaume Exercise The Expanse Special Guest: Guillaume Chau. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Joe Eames John Papa Eric Dietrich Special Guest: Peter Mbanugo In this episode, the panel talks with Peter Mbanugo who is a software developer, tech writer, and maker of Hamoni Sync. He currently works with Field Intelligence, where he helps build logistic and supply chain apps. He also gets involved in design research and customer support for these products. He's also a contributor to Hoodie and a member of the Offline-First community. You can follow him on Twitter. Show Topics: 0:00 – Advertisement – Kendo UI 1:12 – Eric: You, Peter, write a really interesting article. How did you come to write that blog? Tell me about yourself. 1:29 – (Peter talks about his blog and his current projects.) 2:18 – Eric: Tell us about the blog! 2:25 – Peter: I talk about real-time synchronization and why you need it for data. You can use the websocket API and other applications. 3:29 – Panel: Let’s take a step back. It could be helpful to know: what problem were you trying to solve with real-time data? 4:14 – Panel: So multiple client browsers? You are editing in one browser and the data is showing up in the other? You mentioned websockets and others – could you talk about WHY you didn’t go with the other ones? 4:45 – (Peter answers the question.) 6:08 – Panel: So you created Hamoni Sync, and when did you start it? 6:20 – Peter: Yes, and I wrote it in March. I used real-time systems. 6:52 – Panel: What does it mean? 6:55 – (Peter answers.) 7:07 – Panel: Looks like it’s reasonably priced, too. 7:33 – Panel: Let me ask you this. How easy is it to get up and running using this on a Vue project?  7:45 – Peter. 8:34 – Panel: You have to install through your dashboard, then... 8:46 – Peter. 8:53 – Panel: You mentioned earlier that you shouldn’t websocket API right now? 9:04 – Peter:  Not all users would have a browser that would support that. 9:39 – Panel: Hamoni handles all of that for you, which is nice. So it has a simple API to use. You started in March – is this your fulltime job...or? 10:08 – Peter: I started a new job 2 months ago, so now it’s part-time. 10:20 – Panel: You can use with any JavaScript library? 10:24 – Peter. 10:31 – Panel: Why did you do a tutorial in Vue and not in Angular or React? 10:37 – Peter: I do have one in React, and then... 10:54 – Panel: How do you like Vue so far? 10:55 – Peter. 11:15- Panel: The simplicity of Vue and you can take an older app and you can switch it over and not worry about jQuery and just go from there. Angular one days and instead of Angular 2+ or 6 now – Vue is an easy upgrade transition for sure. 11:47 – Peter. 11:51 – Panel: Walk us through how an app would work with this? 12:09 – Peter: When you connect you... 12:40 – Panel: What server is the data going to? 12:46 – Peter. 12:51 – Peter: I have a cloud service. 13:00 – Panel: How do they still get performance if there are a lot of people on at the same time? 13:06 – Peter. 13:17 – Panel: It handles all of the scaling? 13:23 – (Panelist walks through the process.) 13:44 – Peter: No scaling issues, yet. 14:05 – Peter: I haven’t launched, yet, through Product Hunt. 14:20 – Peter: The plan is to do that next month or middle of next month? 14:33 – Panel: Maybe once this podcast launches – that’s cool. What other apps can use real-time? Like a chat room is obvious when they are learning with socket IO. Is this beyond Vue? 15:07 – Peter: Yeah, in general it could be used for real-time chat applications and... 15:21 – Panel: Stock market updates? 15:28 – Peter: Yes. No, not animals.  Maybe games for multi-player games. For chat room application. 18:45 – Panel: Demopuppy.com 19:11 – Advertisement – Get A Coder Job! 20:00 – Peter: Related to the blog we have covered it well. Why you would use real-time and the different ways you can do it with websocket. 20:23 – Panel: You are in Nigeria? 20:24 – Peter: Yes. 20:27 – Panel: How is Vue.js in Nigeria – do you have Meetups? 20:44 – Peter: I think the tech scene is doing quite well. Mainly Angular and others use other frameworks. 22:08 – Panel: Conference and asking for people to contribute? (Yes.) That sounds great for an active community. Getting hard jobs in tech is hard but maybe hard in specific places. 22:39 – Peter: It is great the great one for React b/c of the popularity in React. React or Angular; one of the two. 23:12 – Panel: If you know your stuff you are good to go? 23:19 – Peter: Yes. Microsoft’s .NET is quite stable. 23:37 – Panel: You are starting a startup is that common in Nigeria? 23:49 – Peter: The startup is small actually. 24:37 – Panel: Are you in the capitol? (Yes.) There is a misconception there that people think you have to be in the California or bay area, and you can see that it’s not true. You can create cool things no matter where you are! 25:08 – Peter: It’s great to see the diversity. 25:14 – Panel: I think it’s cool what you are doing. I am glad you wrote an article. What is HospitalRun? 25:42 – Peter: It’s a hospital management system to work offline first. To use them in remote areas where there is no connectivity. 27:08 – Panel: It’s an opensource project – Hospital.io. You are more the maintainer of the frontend right? 28:05 – Peter: Yes. 28:11 – Panel: A lot of hospitals are using this and need contributors and if you want to have a real difference check it out. What do you do as the maintainer are you reviewing code requests? 28:40 – Peter. 28:56 – Panel: Ember.js? 29:00 – Peter: No, I am being dumped into Ember into the deep-end. 29:20 – Panel: I think we are going to go to our picks now? How can 29:30 – Peter: Twitter and email. Check out the show notes! 29:50 – Panel: Picks! 29:58 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue React Angular JavaScript DevChat TV Can I Use Websocket? Demopuppy.com HospitalRun.io What are the best tools for automating social media growth? Peter Mbanugo’s Twitter Peter Mbanugo’s Email: [email protected] Peter’s blogs Vue Mastery Hoodie Meetups Hamoni Sponsors: Fresh Books Cache Fly Kendo UI Get A Coder Job! Picks: Joe Dungeon and Dragons recordings coming soon on YouTube Blog - Good Bye Redux John Talk like a pirate day I Can Use Product Hunt Vue Mastery Peter Hoodie Vue Dev Tools Ego is the Enemy Eric Halt and Catch fire Vue.JS in Action Special Guest: Peter Mbanugo. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Chris Fritz Divya Sasidharan Joe Eames John Papa Special Guest: Mike Hartington and Michael Tintiuc In this episode, the panel talks with Mike and Michael who are developers of Ionic. The panel and the guests talk about the ins-and-outs of the framework and talk about the pros and cons, too. Listen to today’s episode to hear how they discuss how Ionic is compatible with Vue and Angular. Finally, they talk about various topics, such as Cordova and Capacitor. Show Topics: 1:19 – Mike H. gives his background. He uses JavaScript every day. 1:30 – Michael T. gives his background. 1:53 – Chuck: Yes, today we are talking about Ionic. Why are we talking about that on a Vue Podcast? 2:08 – Let’s talk about what Ionic is first? 2:16 – Guest gives us the definition / background of what IONIC is. 2:32 – Guest: We have been tied to Angular (back in the day), which were Ember and jQuery bindings. We have come a far way. (He talks about web components.) Guest: We spent a year diving into web components and interweaving that with Angular. Now we are exploring other framework options. Now we are looking at Ionic with Vue. 3:34 – Chuck: I have played with Ionic, and it’s fairly to use. It’s exciting to see it come this way. I’m curious what does that look like b/c Angular and Vue aren’t the same. 4:10 – Guest explains and answers Chuck’s question. 4:50 – Chuck: Is it like using...under the hood? 4:58 – Guest: No. (He goes into detail.) 5:08 – I didn’t know that Stencil was built by that team. 5:19 – Guest: We built a 2nd project. 5:28 – Guest: There are 24 hours in a day. 5:39 – Panel: How is Ionic different than other options? 5:59 – Guest: It’s comparable to Frameworks 7. The components that you generate are all web0based. The component that you put in is the same for the web or Android. You can have 100% code reuse. 6:35 – Panel: It’s actual CSS? 6:41 – Guest: It’s full-blown CSS. If you wanted to do CSS animations then whatever the browser can support. 6:56 – Panel: Advantages or disadvantages? 7:04 – Guest: It’s easier to maintain. If you are making the next Photo Shop...(super heavy graphics) maybe web and web APIs aren’t the right way to go. 8:23 – You have access to less intense stuff? 8:34 – Guest: Yes. 8:39 – Question. 8:46 – Guest: 2 different approaches to this. 1 approach is CORDOVA and the other is CAPACITOR. 9:42 – Anything that has been built with Ionic? 9:47 – Guest: App called Untapped? Or the fitness app, SWORKIT! MarketWatch is another one. We have a whole showcase page that you can check out. 10:57 – Few apps out there that use Ionic for everything. 11:06 – Panel: I have done work with Ionic in the past. I found a sweet spot for business apps. There are things behind enterprise walls that customers can use but necessarily others. We have decided to go native and found that Ionic wasn’t a good fit. How do you feel? 11:51 – Guest: We do hear that a lot. People want to make a quick app and then... 12:20 – Panel: We chose Ionic in this project b/c we had to get it out in less than 6 weeks and the team knew JavaScript. Nobody knew Ionic besides me. After that, nothing broke and that’s a huge praise. 12:55 – Guest: I will take that good praise. 13:01 – Panel: How is it used with Vue? 13:07 – Guest: The Vue work that we’ve been doing...here are the core components. Recently we have been working with Michael and integration. They have been working on opensource. 13:45 – Michael: It was one of the first apps in Beta and Vue. It all started out as a passionate project for the opensource initiative. We wanted to build something new and use the emerging Vue.js. At the time I had no idea. It sounded cool, though, and at the time I wrote a small CUI program. I decided to make an app out of that. I wanted to meet the clients’ needs and the new tech. I went online and I saw some tutorials and I thought they had figured it out. I thought we were screwed but I guess not. Most of the things are out of the box. But the problem is that the routing was sketchy and it wouldn’t update the URL and it had to be delegated to the framework. The app is called BEEP. I cannot disclose what it means. Joking. I added to the state that everything... I tore through the screen to figure out how it works. Then it clicked. You have to extend the Vue’s official router...and then you’re done. You do a MPM install and then you call a couple of APIs and then you are done. Not even a single line of code. You have Ionic’s out of the box animations, and in our app we have a dancing... You spend a week and you’re done so I won’t use anything else. 17:35 – Panel: That’s an impressive turnaround! 17:42 – Panel: It just goes to show you that the code in Vue is so approachable to anyone. If you know a little bit of JavaScript then you know what is kind of going on. It’s pretty clean. Especially the Vue Router. 18:11 – Panel: Vue Core – some parts that can be hairy. 18:43 – We are component authors. We just need to know here is a component and here are some methods that it needs to know. 19:04 – Oh yeah, totally – I was talking more about... 19:14 – That’s what I thought for those 2 weeks cause I was looking at... 19:24 – Chuck: How do you get the Vue stuff in that and not the Angular? 19:41 – Guest answers the question. 20:20 – Panel: What was the hardest part to integrate? 20:28 – Michael: I wrote my own router. It was too much for me to write. I thought it was going to take me ages. So it took the longest to come to the idea to extending Vue’s router. I thought writing less code is the best. It took me 2 weeks to come to that conclusion. It was related to how... 22:21 – Question. 22:28 – Michael: You can use Vue router like if you used a different package. 22:40 – Panel: It is using the other router history or if you are using Hash API; since it’s all web technology? 23:03 – Guest: People don’t see the URL. 23:10 – We can teach them to pass... 23:25 – Panel: I have been interested in Ionic...when you sprinkle in some native stuff. Local databases. Getting that wasn’t too bad to work. The trick was testing that. 24:04 – Guest: A lot of manual work, unfortunately. It’s a lot of set-up work. You can do test functions but actually have that end-to-end test...can I make sure that is working correctly? A lot of manual testing. There are some cloud base platforms but I haven’t checked them out for an easier way. 25:06 – It was an Ionic issue it was... I think some of the Cloud services to better nowadays. 25:25 – Guest: It was painful to get it setup. Why do I need Clouds? 25:42 – Advertisement – Get A Coder Job! 26:19 – Let’s talk about native features. How does one do that in Vue? 26:29 – Guest talks about Vue, Capacitor, and Cordova. 27:27 – Guest: Let’s talk back to the Beep app. Lots of this stuff is really easy, as Mike was saying. That’s what I like to do – being a both a developer and a library writer. 28:00 – Panel: Imagine Slash from Guns and Roses. 28:14 – Chuck: They get this idea that it’s Java so I can share. Chuck asks a question. 28:30 – Guest: All of it. You might want to change some of the UIs. If it looks good on mobile then you can adapt that as the main app and swap that out for the traditional designs and something else. 29:03 – Panel: I can’t just drop in the same dibs for my styles on my desktop and magically look like a mobile app. 29:23 – Guest: That’s where you are wrong. Ionic does this really well. We have painstakingly made this be a thing. The guest talks about screen width, layouts, and other topics. 30:10 – Guest: It’s the same code. 30:18 – Panelist gives a hypothetical situation for the guests. 30:36 – Guest answers the question. Guest: You will have to refactor from desktop to mobile. 31:54 – Chuck. 32:10 – Michael: It’s about continuity. 32:39 – Panel: Building a Vue app we can use the Ionic Vue project to reuse that work that you did to get that back button working. 32:59 – Michael: That’s the whole point. So you guys don’t even have to think about it. So you don’t have to fiddle around with bugs. 33:17 – Panelist. 33:22 – Michael. 33:33 – Mike: Eventually we want to do a full fledge Vue project they just install Ionic Vue and it will integrate the package. 33:55 – Michael: You use the UPI and that’s it. 34:03 – Panel: Beyond the hardcore 3D sky room games are there any other reasons why I wouldn’t want to use Ionic? 34:30 – Mike: I can’t think of anything. More important question is what is your team’s experience? I wouldn’t go to a bunch of C+ devs and say: Here ya go! I wouldn’t do that. You have to figure out the team that knows Java and they don’t know native, so they will be able to reuse those skills. 35:25 – Panel: I am wondering if there is anything technically impossible because of the way Ionic works? 36:00 – Guest: If there are, I haven’t seen it, yet. There are 20,000,000 downloads so far, so I don’t think so. 36:28 – Panel: When people report an issue what do they complain about? 36:39 – Guest: Being a couple pixels off (CSS), API signatures, etc. We are seeing fewer issues on the... People are looking at functionality issues. Whenever there are issues we take care of it right away. 37:26 – Panelist asks a question. 37:32 – It’s really done well. 37:46 – Panel: Are people able to drop that into an Ionic app? 38:09 – Guest: I haven’t tried that, yet. 38:20 – Panel: I have another question: How big are Ionic apps compared to other native apps. When you are using C+ or writing in Java or Swift. 39:09 – Guest: Twitter native was a couple 100 MB app. But the apps built with Ionic are 50 MB category. They can be small or full native apps with plugins. 40:00 – Panel: Does that mean that in some cases users will have to be connected to the Internet to use the app? 40:29 – Guest answers. 41:02 – Guest: I have some good news for you all. (Guest goes into detail.) 41:39 – Chuck. 41:44 – Guest: Another comparison is my app I use for my Home Goods store is 80 MB and it’s not doing a whole lot. 42:21 – Chuck: Let’s talk data for a minute. You can get large that way if you are DL files through the app – how do you manage memory? 42:42 – Guest: That is run by the browser run-time. Sometimes too good of a job. When you are doing production cases your... 43:27 – Panel: Do you have access to Sequel Light or do you have to use in-browser storage? 43:27 – Guest: Either one. 44:16 – Sequel Light. 44:20 – Guest. 44:24 – Within Ionic you can use Sequel Light there is a plugin. 44:55 – Panelist comments. 45:23 – Michael: I want to add some clarification. You can write your own propriety files... 45:23 – I like that it sounds like it’s different than other frameworks. Instead of there being a framework way to do it there is a lot of different pieces you can plugin to different parts that is agnostic to Ionic. 46:10 – Guest talks about batteries included. 46:42 – Panel: I really like that b/c it’s the Vue approach, too. 47:21 – The guest talks about transitions. 48:07 – Chuck: If I get stuck what is the community around it? 48:25 – Guest: It’s still early right now. If you went to the code base you wouldn’t see much. We are working on the code getting into the package. The good thing is that the way it’s structure, once their APIs are set then it’s the same through Angular and Vue. Once you have that API set it’s the same thing between those 3 things. 49:13 – Guest: Let me blow your minds guys... There are 7 controllers and 99% you would go to the Ionic site. The rest is identical and that’s the cool part. If you are coming from Angular you can reuse a lot of that knowledge. 50:00 – Panel: If they wanted to build an app right now what would you recommend as their first step? 50:16 – Guest: Ionic and Vue – check out the docs and the components overviews to see what the vanilla components are like. 50:52 – Panel: Is there an example repo? 50:59 – Guest: That would be the BEEP app. 51:08 – Panel: Vue specific docs? 51:18 – Guest: Files that you can drop into your browser. 51:27 – Panel: How soon is soon? 51:31 – Guest: Most likely within the next few months. Final touches that we want to complete. 52:11 – Chuck: What about testing? 52:17 – Guest: Same way you would test a Vue app there is nothing specific for Ionic (at least for the unit tests). If you are doing integration tests that would work the same way in typical Vue setup the only quirks are... 52:56 – Question: Does Ionic offer a collection of mocks for APIs? 53:11 – Guest: Yes, but just for Angular. It’s the only framework to support. This is a good call for community members to contribute. 53:35 – Panel: Would that be a new repo for Vue? 53:44 – Guest: Contribute to the Ionic Teams’ Main Repository and open an issue – and Ping me. 54:02 – Twitter names are given. 54:13 – Panel: How do they reach you? 54:19 – Michael: My whole name slurred together. 54:39 – Panel: Anything else they should know? 54:46 – Guest: Ping us and we will get you working with Ionic. 54:54 – Guest: The cookbook examples are a good starting part. We work very hard with Ionic. 56:01 – Panel: If they have questions where should they post them – chat, or form? 56:20 – Guest: Yes, ask away – any questions. 56:41 – Panel: How do you make money? 57:00 – Guest: If you want to build the Android portion, but you don’t want to take the time, we have a hosted platform that will handle that for you. Help you create your build so you don’t have to create all of the native stuff. 57:29 – Picks! 57:35 – Chuck: I have more stuff to play with – dang it! I am happy to outsource to you, Chris! 58:00 – Sarcasm. 58:26 – Chuck: Thank you for sharing your stories, Michael and Mike! 58:38 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue React Angular JavaScript DevChat TV Ionic – Vue Ionic Star Track Onsen UI Beep Have I been Pawned? Michael T.’s LinkedIn Mike H.’s Twitter Michael T.’s Twitter Sponsors: Fresh Books Cache Fly Kendo UI Picks: John NMP Library – DoteNV The 12 Factor App Divya Post by Sara S. Headspace – daily meditation Chris Library called CUID Library – MapBox Netflix – The Originals Chuck Friends of Scouting – good cause to give money Michael AIRBNB Lottie Steam Support Mike Blog Post – GitHub Integration Infinity War Joe Movie Peppermint Burn After Reading Goodbye Redux Special Guests: Michael Tintiuc and Mike Hartington. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Chris Fritz Erik Hanchett Divya Sasidharan In this episode, the panel talks amongst themselves on the topic: how does one contribute to opensource work? They discuss the various ways that they contribute, such as speaking at conferences, recording videos for YouTube, podcasting, among others. Check-out today’s episode to get some insight and inspiration of how YOU can contribute to YOUR community!  Show Topics: 1:11 – We have decided we haven’t completed this topic 1:23 – Last time we went around the panel and see how we contribute? One of the ways I contribute to opensource is organizing events and conferences. Divya, you write some code – a little bit? 2:05 – Divya. 2:11 – Panelist: Divya, you speak at conferences, write blog posts, and code. Super top-secret project? 2:33 – Divya: I am trying to grow. Maybe I can talk about the secret project later? 2:56 – Panelist: Yes, I contribute through videos and education. I’ve tried in the past seeing issues in opensource, but I find that I am better at teaching. Charles you run a Vue Podcast? 3:29 – Chuck: Yeah, that’s what they say. I work on the podcasts, online conferences, eBooks, and online summits. Lastly, Code Badges that is on Kickstarter. 4:06 – Panelist: How we can contribute to opensource and still make a living. What is free and what we charge for? Finding a balance is important – we covered that last time. How to get into opensource in a variety of ways: How do you start speaking at conferences? How to you write code for opensource? Divya, how do they start? Do you need a public speaking degree? 5:29 – Divya: It might help. To get started with public speaking – it’s deceptively easy but then it’s not at the same time. You submit a proposal to a conference and it’s either accepted or declined. You have to learn how to CRAFT your ideas in a CFP to show the panel that this topic is RELEVANT to the conference and that you are an expert. It’s not the speaking that’s the hard part it’s the writing of the proposal. 7:00 – Panelist: You have talked about CFP – what is that? 7:09 – Divya: It’s a Call For Papers (CFP). It’s just a process of being accepted at a conference. Sometimes conferences have an open call – where they might have a Google form or some software to fill out some details. They will ask for your personal details, a short draft, the title of your talk, and a longer description (why you should be the speaker, etc.). It’s a multi-step process. Even though YOU are the right person to talk about X topic – you don’t have to be – you just have to SOUND like you know what you are talking about. Show that you’ve done your researched, and that you have some understanding. Also, that you are capable of presenting the information at the conference. That’s what I mean by being “THE BEST” person. 9:33- Charles: They aren’t looking always for the expert-level of explaining X topic. Even if it’s at the basic level that’s great. If you can deliver it well then they might pick your proposal. I have spoken at a number of conferences, and I started talking at Meetups. Most organizers are desperate for people to give talks. If you talk at these informal settings – then you get feedback from 10:47 – Divya: Yes, lightning talks are great for that, too. This way you are flushing out what you do and don’t want to talk about. 11:07 – Charles: A lot of people don’t realize that they are good speakers. The way to get better is to do it. I am a member of Toast Masters. You gain experience by talking at many different events. 12:23 – Panelist: I don’t know much about Toast Masters – what is it? 12:29 – Charles: Toast Masters, yes, they collect dues. As you sit in the meeting you have time to give feedback and get feedback. They have a “MM” master, and a grammatical master, and another specialist that they give you feedback. It’s a really constructive and friendly environment. 13:42 – I’ve been to Toast Masters and the meetings are early in the morning. 7:00 or 7:30 AM start time. Everything Chuck just said. I went to a couple and they don’t force you to talk. You can go just to see what it’s about. 14:21 – Charles makes more comments. 14:48 – Meetups is a great way to get into the community, too. What if Toast Masters sounds intimidating, and you don’t think you can speak at a Meetup just, yet. Are there more 15:18 – You can be the town crier. Stand on the soapbox and... 15:32 – There is someone sitting on a soapbox and screaming to a crowd. 15:43 – Chuck: You can do a YouTube video or a podcast, but I think getting the live feedback is super important. Toastmasters are so friendly and I’ve never been in front of a hostile crowd. You get up and they are rooting for you. It’s not as scary as you make it out to be. You aren’t going to ruin your reputation. 16:48 – Local Theater! That helps a lot, to me, because you have lines to read off of the script. You are a character and you get to do whatever you want. Also, teaching really helps. You don’t have to be a professional teacher but there are volunteer areas at a local library or your community centers and libraries. Find opportunities! 18:18 – Divya: Improvisation is good for that, too, back to Chris’ point. Improvisation you don’t have the lines, but it forces you to think on the spot. It helps you practice to think on the spot. 19:04 – Teaching is good for that, too. It makes you think on the spot. You have to respond on the fly. Life teaching is Improvisation. 19:31 – Charles: You learn the patterns that work. 19:57 – Panelist: There are some websites that can track your CFP due dates. You can apply to talk to 5-6 different conferences. You pitch the same idea to 5-6 conferences and you are bound to get picked for at least 1 of those conferences. 20:51 – Divya: There is an account that tweets the CFP due dates that are closing in 1-2 weeks. Check Twitter. 21:25 – Chuck: Take your CFP and have someone else look at it. I know a bunch of conference organizers and ask them for their feedback. 21:48 – Title and description need to be there. 22:48 – Divya: Look at past events to see what was already done in past conferences. This is to see what they are kind of looking for. Divya talks about certain conferences and their past schedules. 23:52 – Eric was saying earlier that you could send in more than 1 proposal. Another one suggests sending in 3 proposals. Someone would love to accept you, but say there is someone else you beats you by a hair. 24:31 – Divya: The CFP process is usually blind and they don’t “see” you until later. Most conferences try to do this so there is no bias. They will ask for no name, but only focusing on content. 25:28 – Sarah May has some great suggestions. Look at the show notes under LINKS. 25:57 – Advertisement – Get A Coder Job! 26:34 – We have talked about how you submit your proposals. Maybe let’s transition into another topic, like education. Eric – do you have any tips into writing blog posts and such? 27:36 – Eric: Find a topic that you want to learn and/or you are expert on. Going out there and putting out content for something you are learning. If you get something wrong then someone will probably call you out. Like Reddit you might get more criticism then vs. your own blog. I look for topics that interest me. 28:30 – Panelist: How do you get people to see it? 28:40 – Eric: Consistency – sharing on your social media channels. Reddit, Frontend, and/or other sites. I’m doing this for myself (first), and secondary I am teaching other people. 29:23 – Getting feedback from people is great. 29:40 – Eric: It’s a process to build that audience, build quality content, and keep up with it. Facebook groups – hey I put this content out there. Another way you can do it is work with a publisher and try going to a site called PluralSite. 30:47 – Do you have to be famous, like Joe, to get onto their site? 31:09 – Chuck: The audition process I got screwed on. They ask you to record a video, fix anything in the video, and then they will tell you if they will accept your courses or not. 31:37 – People who will distribute your content, there is a screening process. Guest blog, too, will get your name out there. 32:23 – Chuck: You just have to be a level above the reader. 32:37 – Odds are that you can explain it better than someone who learned it 5 years ago. Even if it’s a basic JavaScript thing that you JUST learned, who cares put it out there. If you made X mistake then I’m sure thousands of other developers have made the same mistake. 33:17 – Twitter is a great platform, too. A short and sweet Tweet – show them your main idea and it can get 34:01 – Comments. 34:04 – I use Ghost for my blogging platform. You can start off on Wordpress and others write on Medium. 34:25 – Divya: I like to own my own content so I don’t write on Medium anymore. 34:40 – I like my content on my OWN site. That’s why I haven’t been using Medium anymore. There are more pop-ups and such, too, so that’s why I don’t like it. 35:06 – Divya: If you don’t want to start up your own site, Medium is nice. Other users pick it up, which is an easy way to spread content right away. 37:13 – Chuck: Some of them will pay you for that. 37:23 – Sarah Drasner on the Vue team is an editor of CSS tricks. Good way to get your content out there. 37:48 – Divya: Sarah will work with you. Not only do you get access to put content out there, but then you get feedback from Sarah, too! 38:19 – Remember if you are doing a guest post – make sure to put out solid examples and good content. You want to put time and effort into it, so put more 39:02 – Any more advice on educational content? 39:11 – Chuck: I am always looking for guests for the podcasts and topics. You reach out and say I would like to be a guest on such and such a show. 39:39 – I thought back in the day – oh those podcast hosts are for THOSE famous people. They must have some journalism degree, and here I AM! It apparently is not that bad. 40:19 – Chuck: When I was coding semi-professionally for 1 year and my friend Eric Berry (Teach Me To Code – website) he was looking for someone to record videos for him. I submitted a video and I just walked through how to do basic routing. Basic for Ruby on Rails users, and I said that this is my first video. I tweeted that information. Screen Flow reached out to me because I mentioned their name, and I got a license and a microphone to help me record my videos! That gave me the confidence to start podcasting. It’s scary and I’m thinking I will screw this up, I don’t have professional equipment, and look at me now! 42:46 – To be a podcast host it isn’t much. 42:55 – Chuck: I am trying to make podcasting easier. The hard part is preparing the content, get it edited, getting it posted. It’s all the other stuff. Recording and talking isn’t that bad. 43:28 – What are my steps if I want to start a new podcast? 43:39 – What microphone should I get? 43:48 - $100-$130 is the Yeti microphone. Do I need a professional microphone? People can’t tell when guests talk on their iPhone microphone or not. Especially if you already have those then you won’t be out if you don’t want to continue with podcasting. Record for free with Audacity. Have something to talk about and somewhere to post it. 45:01 – Panelist asks Chuck more questions. 45:13 – Divya. 45:29 – It’s easier if everyone is in the same room. If the sound quality is good enough then people will stay, but if the quality is poor then people will go away. I recommend Wordpress - it’s super easy. You can host on Amazon, but if you will host long-term then use Libsyn or Blubrry. Great platforms will cost you less then some others. 46:58 – iTunes? 47:04 – Podcast through iTunes you just give them a RSS feed. All you do is fill out some forms. Submit that and it will run – same for Google Play. You might want to get some artwork. In the beginning for me I got a stock image – edited it – and that was it. One I got one of my headshots and put the title on there. 48:06 – Then when people will hear this... 48:23 – Summary: microphone, content, set up WordPress, submit it to iTunes, and record frequently. Keep improving. 48:46 – Anything you are doing anything online – make sure your mantra is “this is good enough.” If you spend tons of hours trying to perfect it – you might drive yourself crazy. 49:18 – Not everyone will enjoy podcasting or YouTubing – so make sure you don’t invest a lot of money at first to see where you are. 50:06 – Educational content topic continued. Contributing to coder depositories. What’s the best way to get into that? 50:28 – Chuck: Some will say: This one is good for a newbie to tackle. You just reach out – don’t just pick it up and tackle it – I would reach out to the person first. Understand what they need and then work on it, because they might have 2 other people working on it. 51:11 – Divya: Hacktoberfest – Digital Ocean – they publish opensource projects. 52:22 – Yeah check it out because you can get a free t-shirt! 53:50 – Chuck: Doing the work that the hotshots don’t want to do. It helps everyone out, but it might not be the most glamorous job.  55:11 – Spelling mistakes – scan the code base. 55:43 – Divya: If you do small contributions that people DON’T want to do – then these contributors will see you and you will be on their radar. You start building a relationship. Eventually people will start giving you more responsibilities, etc. 56:59 – Chuck: I have seen people been contributors through Ruby on Rails. They got the gig because the core team sees your previous work is reliable and good work. 57:26 – Is there a core contributor guideline? 57:37 – Good question. If Divya likes you then you are in. 57:47 – It’s Evan who makes those decisions, but we are working on a formal guideline. 58:52 – Will they kick you out? 59:00 – Unless they were doing bad stuff that means pain for other people you won’t get kicked out. 59:33 – Representing Vue to some degree, too. The people who are representing Vue are apart of it. We are trying to get a better answer for it, so it’s complicated, but working on it. 1:00:02 – How did you get on the team? Well, I was contributing code, I was discussing ways to better x, y, and z. Evan invited me to come into the core team. Basically he did it so he wouldn’t have to keep babysitting us. 1:01:06 – Chuck. 1:01:20 – Panelist. 1:01:48 – Panelist: One of our core team members got his job because he was answering questions from the community. He is not a software developer by training, but his background is a business analyst. You don’t have to contribute a ton of code. He was a guest so check out the past episode. See show notes for links. 1:03:05 – Chuck: We need to go to picks and I think that topic would be great for Joe! 1:03:24 – Advertisement – Fresh Books! Links: Vue React Angular JavaScript DevChat TV GitHub Meetup Ghost.Org Miriam Suzanne’s Twitter Sarah Mei’s Article: What Your Conference Proposal is Missing WordPress Sarah Drasner’s Twitter CSS Tricks Netlify Sponsors: Get A Coder Job! Cache Fly Kendo UI Picks: Eric Headless CMS Dyvia Blogspot - Building a 3D iDesigner with Vue.js The Twitch Streamers Who Spend Years Broadcasting to No One Chris Cat Content Twitter Account https://www.patreon.com/akryum The Great British Baking Show Charles Embrace the Struggle SoftCover.io getacoderjob.com swag.devchat.tv Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Chris Fritz Special Guest: Kyle Holmberg & Alex Regan In this episode, the panel talks with two guests Kyle and Alex who work together in opensource. Kyle is a software engineer at AutoGravity interested in full-stack web development, graphic design, integrated systems, data visualizations, and soccer. Alex writes code and works with Parametric Studios, and he also loves puppies. Check out today’s episode where the panel and the two guests talk about the different frameworks and contributing to opensource. Show Topics: 3:03 – We got together because Alex mentioned his project. He was looking for something to get up running nice and easy. Boot Strap 4. That is a nice choice and I was contributing as a core team member at the time. He started with how do I get started with Boot Strap Vue. At the time I asked how do you do this...? And that’s how we got started. 4:03 – Guest continues more with this conversation. 4:30 – Chris: How did you start contributing within your company? 4:44 – Guest: There is a lot of autonomy with the last company I was working with (3 people there). I needed more fine tooth hooks and modals. Someone says X and you try to figure it out. So I was looking at the transitions, and there was a bug there. They hadn’t implemented any hooks, and I thought I could figure this out. From there, if you want a change I can help out. I don’t know if that change got implemented first. I started contributing some things to the library. I really got involved where someone (the creator of the library said you could be a core member. He took a trust in me. I started a lot in test coverage. That might not be the normal path to take. 6:39 – How long have you been developing? 6:42 – Guest: A year and a half. 7:00 – Chris: Any tips to opensource for beginners. 7:10 – Guest: Yes, having a thick skin. Everyone is anonymous on the Internet. People say things that they normally wouldn’t say in person. I figure if you put something out there someone will correct you. How can I get feedback? If you put yourself out there it’s like: failure to success. That process is what makes you better. 8:21 – Chris: Issues and chat like that. There is a lot of context that gets lost. When you just see the text it may seem angry 8:43 – Guest: I have a tendency towards sarcasm, and I have to save that to last. People come from different languages, and I’m not talking about software languages. English isn’t everyone’s first language. Good thing to keep in-mind. 9:14 – Internet is an international community. 9:22 – Guest continues this talk. Opensource is good to work on to get started with contributions. Especially with Operation Code it’s geared towards beginners; less complex. 10:30 – That is a good difference to show. 11:01 – Question. 11:05 – Guest. If you are a person with a lot of skin in their projects – I take pride in my work – I think if you have that mentality that you will want to submit to every request. Find some way to test every request against a...is this my concern or their concern? Figure out the boundaries. You will make mistakes and that’s fine. 11:54 – Panelist. 12:02 – Guest: Coming up with good interface boundaries for your libraries. 12:11 – Chuck: Once we figured out what really mattered than it makes it easier to say: yes or no. 12:26 - Guest: Conventional Commits. 13:06 – So Kyle what did you getting into opensource look like? 13:19 – Alex: Boot Strap. Operation Code. 15:07 – Chuck chimes-in about Aimee Knight and other people. Serving people and their country. You are helping people who have sacrificed. 15:58 – It is totally volunteer-based. 16:05 – Chris: What kind of questions did you ask Alex? How did you decide what to put in an issue? 16:25 – Alex: I tend to go to Stack Overflow. If it is in regards to a library I go to GitHub. Real time texts. Next.js – I just contributed to this this week. 19:21 – Chris: This question is for either one of you. For Questions and Answers – do you have any suggestions on what NOT to do when seeking help? 19:46 – Stay away from only asking a question in one sentence. There is so much information/context that you are leaving out, and that can often lead to more questions. Reasonable amount of contexts can go a long way. Code samples. Please Google the details for the markdown if it is a huge code. Context, context, context! 20:44 – I have an error, please fix it. Maybe that needs more context? 20:53 – Guest: What were you doing? There is a bigger overarching element. The problem they can see in front of them and what is the thing that you are TRYING to solve? 21:44 – More contexts that can help with a helpful answer. 21:53 – Guest: If someone used some learning tool... 22:13 – Chuck chimes-in. Chuck: It is something different that it could do something that you didn’t expect. 22:47 – Alex: Those are great moments. I love it when Kyle sees... That snowflake of your problem can help with documentation caveats. 23:44 – People are probably copying pasting. 24:05 – It can be the difference between understanding the page and not especially What not to do and what to do – any other tips? Can you have too much information? 24:32 – Guest: I am guilty of this sometimes. You can have too much information. The ability to converse in a real-time conversation is better. That’s my route to go. Maybe your problem is documented but documented poorly. Go to a real-time conversation to hash things out. 26:15 – Guest: If you do your homework with the different conversations: questions vs. concerns. Real-time conversation. He talks about GitHub issues and Stack Overflow. 27:48 – Chuck: My password is 123... If they can duplicate... Alex: Yeah too much information isn’t good. Some places mandate recreation like a JS Fiddle. Like Sandbox are cool tools. 29:32 – Is there a way to do the code wrong? 29:38 – Advertisement. 30:25 – Guest chimes-in with his answer. 31:31 – Question. If it’s opensource should they share? 31:33 – Absolutely. The difference that makes it for me is great. I can spot things that the machine can help me find. One small tip is when you provide code samples and GitHub issues use... The further you go out to recreate the problem there is a high payoff because they can get something working. The big difference is that it’s a huge pain to the person trying to convey the issue. If I do the simple version...I think you have to weigh your options. What tools are out there? Generate your data structure – there are costs to recreate the issue. 33:35 – Chris: 500 files, apps within the app – intercommunicating. All you do is download this, install this, it takes you ½ a day and how does this all work? 34:03 – Guest: You have to rein it in. Provide the easiest environment for it to occur. If you are having someone download a table and import it, and use a whole stack – you can try it – but I would advise to work really hard to find... 34:50 – In creating a demo keep it simple? 35:52 – Guests reply. 36:02 – Chuck. 36:07 – Chris: I learned about your experiences coming to opensource. Anything else that you would like to share with new contributors? 36:25 – Guest: Start with something that you have a genuine interest in. Something like a curiosity light bulb is on. It makes it more interesting. It’s a nice way to give back. Something that interests you. I have not found a case yet that I’m not compelled to help someone. Putting yourself out there you might be given a plate you don’t know what to do with. My learning experience is how welcoming opensource is. Maybe things are changing?  38:31 – Chuck: I have seen those communities but generally if they are there people frown down upon it. The newer opensource communities are very friendly. These projects are trying to gain adoptions, which is for the newer users. 39:17 – Guest: Final statements on opensource. Even if you think it is a small contribution it still helps. 40:55 – Guest chimes-in. It is important to have a platter for newcomers. 41:15 – Chris: I am curious to talk to you about how you’ve written React applications among others. Any advice? What resources should they 41:46 – Guest: Yeah. If you are making your new React application (from Vue land) there are many things that are similar and things that are different. As for preparing yourself, I am a huge fan of this one course. I had been coding (plus school) so 5 years, it’s okay to dive-into community courses. Dive-into a tutorial. Understand the huge core differences. He goes into those differences between React, Angular, and Vue. 43:30 – Guest talks about this, too. 45:50 – React doesn’t have an official router. Vue provides (he likes Vue’s mentality) other things. There is a library called One Loader. 46:50 – Guest: I was at a Meetup. One guy was doing C-sharp and game development. His wife had a different background, and I think they were sampling Angular, Vue, and React - all these different frameworks. That was interesting to talk with them. I relayed to them that Vue has free tutorials. Jeffry had an awesome Vue Cast. I think that’s what got me started in Vue. I learned from this tool and so can you! 48:11 – Chris: You aren’t starting from scratch if you know another framework? Do they translate well? 48:33 – Guest: I think so. There are a lot of ways to translate those patterns. 49:34 – Guest: React Rally – I just went to one. 49:50 – Chris chimes-in. Slots is mentioned 50:27 – Guest mentions the different frameworks. Guest: I went into functional components in Vue. I learned about the way... It helps you translate ideas. I don’t recommend it to everyone, but if you want to dig deep then it can help bridge the gap between one frameworks to another. 51:24 – Chris adds to this conversation. 51:36 – Guest: They are translatable. They are totally map-able. 5:46 – Chuck: Say someone was going to be on a Summit where they could meet with the React Core Team. What things would you suggest with them – and say these things are working here and these are working there. 52:12 – Guest: I would love to see... 53:03 – React doesn’t have a reactivity system you’d have to tell it more to... 53:15 – Guest chimes-in. Panel and guests go back-and-forth with this topic. 54:16 – Tooling. 55:38 – Guest: With React coming out with time slicing features how does that map to Vue and what can you say from one team to another. What is there to review? There is a lot of great things you can do with... 56:44 – Conversation continues. 57:59 – React has some partial answers to that, too. Progress. 58:10 – When Vue came onto the scene everyone felt like why do we need another framework? We have Ember, and... But with Vue it felt cohesive. It had an opportunity to learn from all the other frameworks. In terms of progress everyone is on the frontlines and learning from each other. Everyone has a different view on it. How can se learn from this and...? 59:12 – Chris: I am grateful for the different frameworks. Anyone comes out with a new tool then it’s the best. Creating something that is even better than before. 59:38 – Guest. 59:49 – Chuck: There are good frameworks out there why do I need another one. That’s the point. Someone will come along and say: I like what’s out there but I want to make... That’s what Vue was right? In some ways Vue was a leap forward and some ways it wasn’t – that’s how I feel. We need something to make things a bit easier to save 10 hours a week. 1:01:11 – Even Vue’s... 1:02:20 – Guest: In terms of why do we need another framework conversation – I don’t think we need another reason. Go ahead, what if it is groundbreaking it makes everyone do things differently and keep up. I love the idea that JavaScript is saying: what is the new framework today? The tradeoff there is that there are so many different ways to do things. It is hard for beginners. 1:03:88 – Chuck: How to find you online? 1:03:49 – Kyle states his social media profiles, so does Alex, too. 1:04:06 – Chuck: Let’s do some picks! 1:04:10 – Code Badges’ Advertisement Links: JSON Generator Ember.js Vue React Angular JavaScript Udemy One-Loader YouTube Talk: Beyond React 16 by Dan Abramov Badgr Kickstarter: CodeBadge.org Alex Sasha Regan’s Twitter Kyle Holmberg’s Twitter Kyle’s website Dev.to – Alex’s information DevChat TV GitHub Meetup Operation Code Sponsors: Kendo UI Digital Ocean Code Badge Cache Fly Picks: Chris Home decorating shows Charles TerraGenesis GetaCoderJob.com Swag.devchat.tv Codebadge.org Kyle OperationCode Yet Another React vs.Vue Article Hacktoberfest Alex Uplift Standing Desk System 76 Rust Special Guests: Alex Regan and Kyle Holmberg. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Divya Sasidharan Charles Max Wood Joe Eames Chris Fritz Erik Hanchett John Papa Special Guest: No Guest(s) In this episode, the panel talks amongst themselves on the topic: how does one contribute to opensource work? They discuss their various ways that they contribute, such as speaking at conferences, recording videos for YouTube, podcasting, among others. Check-out today’s episode to get some insight and inspiration of how YOU can contribute to YOUR community!  Show Topics: 1:31 – Erik: Contributing to opensource – and being a good resource for the community. Contributing and still making a living. If people want to make this more sustainable and doing work for the community. 2:26 – Chuck: What do you been by “contributing” – because people could think that “code contributions” would be it. 2:50 – Erik: Answering people’s questions in a chat, code contributions, or doing a podcast or doing a blog posts. I think there are a lot of ways to contribute. Really anything to make their lives and work easier. 3:33 – Panelist: Can we go around and ask the panel individually what THEY do? It could be as simple as mentoring someone at your work. I’m curious to see what the panelist members have done. Sometimes you can get paid for those contributions. 4:40 – Panelist: I am super scared to contribute source code. I really love organizing things: Meetups, conferences, etc. That’s my favorite sort of work. It is also terrifying, though, too. Educational content and organizing conferences are my favorite ways to contribute. 6:10 – Panelist: Why is that attractive for you? 6:22 – Panelist: That’s a good question. I’ve already started planning for the 2022 conference. It’s very physical – there are people that are present. Very direct interaction. My second favorite is sometimes I will teach at local boot camp, and the topic is about interviewing. There is interaction there, too. 8:32 – Panelist: Why do you think organizing conferences is useful? 8:46 – Panelist: Top way is that I will hear stories after the fact. “Oh I came to the conference, met this person, and now I have a new job that pays 30% more...thank you!” Stories like that are rewarding. It’s a ripple effect. A conference the main thing you are putting out there are videos (main product) going to YouTube. The people that are there, at the conference, are interacting people and they are making friends and making contacts. It inspires them to do better. John Papa just goes out there to talk into the hallway. You can talk to Chris Fritz in the hall. Make yourself available. You are the celebrities and people want to meet you. 12:20 – Panel talks about how desperate they are to talk to Chris. 12:36 – Panelist: Going to conferences and meeting other people. 13:08 – Panelist: Taking part of conferences in other ways. That’s something that you do Divya Sasidharan? 13:33 – Divya: It depends on your personality. You get to speak as a speaker, because you get visibility fast. I don’t think you don’t have to speak if you don’t want to speak. Anything within your community that is beneficial. Or the one-to-one interactions are great. Having a conversation with another person that cannot respond. It’s nice to give a speech because it’s a one-way conversation. I like the preparation part of it. The delivery is the nerves, afterwards is a high because it’s over with. I really like writing demos. For the demos I put in a lot of time into it. It gives me the space and time constraint to work on those demos. 16:10 – Do you like the preparation or the delivery? 16:20 – Preparation part that I do not like as much because it is nerve-wrecking, and then the anticipation to go up there on stage. 16:55 – Panelist: I am nervous until when it starts. Once I start talking – well that’s it! Can’t go back now. 17:26 – John: I have given a few talks at a conference. 17:39 – Panelist: Doing good and contributing. I knew John Papa when he was in Microsoft in 2000/2001. I read about it. Everyone knew about him. It would be so GREAT to meet John Papa, and now we are friends! We get to talk about personal stuff and I learn from him. 18:42 – Chris: I have had moments like that, too. Act like they are a normal person. 19:01 – Chuck: After I walk off the stage people want to talk to me afterwards. 19:24 – John: For my personal style, I learn about talking at conferences. I spend a lot of times building a demo. I don’t spend a lot of times with decks. I work on the code, the talk separately. I whip that up quickly, so I don’t This is the story I am going to tell – that’s what I tell myself before I do a talk at a conference. Afterwards, people come up to you years later – and they give you these awesome feedback comments. It’s a huge reward and very fulfilling. There was someone in this world you were able to impact. That’s why I like teaching. I watch the sessions on YouTube. I want to have deep conversations with people. You are missing out if you aren’t talking to people at the conference. 23:26 – Panelist: Yeah, I agree. I do a lot of YouTube videos. I write a blog for a few years on Node and such. Then I got into videos, and helping new developers. Videos on Vue.js. Like you, Joe, I try to combine the two. If I can help myself, and OTHERS, that is great. I promote my own courses, my own affiliate links. It’s really fun talking in front of a video camera. Talking through something complex and making it simple. 24:52 – Panelist: Creating videos vs. speaking at a conference. 25:02 – Panelist: My bucket list is to do my conferences. I want to start putting out proposals. Easiest thing for me is to make videos. I used to do 20 takes before I was happy, but now I do one take and that’s it. 256:00 – Sounds like lower effort. You don’t have to ask anyone for permission to do a YouTube video. 26:21 – Panelist: Even if you are a beginner, then you can probably help others, too. At first, you feel like you are talking to yourself. If anything else, you are learning and you are getting experience. The ruby ducky programming. Talking to something that cannot respond to you. 27:11 – Like when I write a... 27:29 – Check out duck punching, and Paul Irish. 28:00 – Digital Ocean 28:42 – The creativity of doing YouTube videos. Is that rewarding to be creative or the organization? What part do you like in the creation process? 29:23 – I think a blog you have text you can be funny you can make the text interesting. With videos it’s a whole new world of teaching. YouTubers teaching certain concepts.  There are other people that have awesome animations. If I wanted to talk about a topic and do something simple or talk outside – there are a ton of different ways 31:10 – Panelist: Some times I just want to go off and be creative; hats-off to you. 31:28 – Panelist: I have tried to do a course with time stamps and certain 32:00 – D: Do you have a process of how you want to create your videos – what is your process? 32:22 – Panelist: I have a list of topics that I want to talk about. Then when I record it then I have a cheat sheet and I just go. Other people do other things, though. Like sketches and story boarding. 33:16 – D: Fun, fun, function. He has poster boards that he holds up and stuff. 33:36 – Panelist: People who listen to this podcast might be interested in podcasting? 33:54 – Panelist: Anyone who runs a podcast, Chuck? 34:16 – Chuck: When I started podcasting – I initially had to edit and publish – but now I pay someone to do it. It is a lot more work than it is. All you have to do is record and have a decent microphone, and put it out there. 35:18 – Panelist: It’s a labor of love. You almost lost your house because at first it wasn’t profitable. 35:45 – Chuck: Yeah for the most part we have it figured it out. Even then, we have 12 shows on the network on DevChat TV. 3 more I want to start and I want to put those on YouTube. Some people want to be on a new show with me. We will see. 36:37 – Chuck: I have a lot of people who asked about Python. We all come together and talk about what we are doing and seeing. It’s the water cooler discussion that people can hear for themselves. The conversation that you wish you could have to talk to experts. 38:03 – Podcasts provide that if you cannot get that at a conference? 38:16 – Conference talks are a little bit more prepared. We can go deeper in a podcast interview, because we can bring them back. You can get as involved as you want. It’s also 38:53 – Chuck: Podcasting is good if there is good content and it’s regular. 39:09 – Panelist: What is GOOD content? 39:20 – Chuck: There are different things people want. Generally they want something like: Staying Current Staying on the Edge When you go into the content it’s the host(s). I identify the way this host says THIS a certain way or that person says something THAT Way. That is all community connection. We do give people an introduction to topics that they might not hear anywhere else. With a Podcast if something new comes up we can interview someone THIS week and publish next week. Always staying current. 41:36 – Chuck: A lot of things go into it and community connection and staying current. 41:52 – Panelist: How to get started in EACH of the things we talked about. How do we try to get paid for some of these things? So we can provide value to communities. Talking about money sometimes is taboo. 43:36 – Panelist: Those are full topics all in by themselves. 43:55 – Chuck: Sustainability – let’s talk about that. I think we can enter into that 44:15 – Panelist: How do you decide what’s for free and what you are charging? How do you decide? 44:55 – Joe: I think one thing to start off is the best way to operate – do it because you feel like it needs to be done. The money follows. The minute you start solving people’s problems, money will follow. It’s good to think about the money, but don’t be obsessed. React conference. The react team didn’t want to do the conference, but it’s got to happen. The money happened afterwards. The money follows. Look for opportunities. Think ahead and be the responsible one. 47:28 – Panelist: If you want to setup a Meetup then go to... 47:45 – Panelist: I bet if you went to a Meet up and said you want to help – they would love that. 47:59 – Panelist: Yes, do something that is valuable. But events you will have a budget. Is it important to have money afterwards or try to break even? 48:38 – Joe: I think having money after the conference is just fine. The #1 thing is that if you are passionate about the project then you will make decisions to get that project out there. I can’t spend 500+ hours on something that it won’t help me pay my mortgage. 51:29 – Panelist: It’s not greedy to want money. 51:46 – Panelist: It’s a very thankless job. Many people don’t know how much effort goes into a conference. It’s a pain. People like Joe will put in 90 hours a week to pull off a conference. It’s a very, very difficult job. 53:42 – Panelist: Question to Divya. 54:00 – Divya: I have only been speaking for about a year now. For me, I feel this need to speak at different events to get my name out there. You wan the visibility, access to community and other benefits. These things trump the speaker’s fee. As I get more experience then I will look for a speaker’s fee. This fee is a baseline to make sure that you are given value for your time and effort. Most conferences do pay for your hotel and transportation. 56:58 – Panelist: How much is worth it to me to go and speak? Even if at the lower level; but someone who is a luminary in the field (John Papa). But for me it’s worth it. I am willing to spend my own dime. 58:14 – Panelist: John? 58:37 – John: You learn the most when you listen. I am impressed on your perspectives. Yes, early on you’ve got to get your brand out there. It’s an honor to speak then I’m honored. Do I have time? Will my family be okay if I am gone 3-4 days? Is this something that will have an impact in some way? Will I make connections? Will I be able to help the community? There is nothing wrong with saying I need to be paid X for that speech. It’s all of the blood, sweat, and tears that go into it. 1:01:30 – Panelist chimes in. I run conferences we cannot even cover their travel costs. Other conferences we can cover their travel costs; and everything in-between. There is nothing wrong with that. 1:02:11 – You have to be financially sound. Many of us do workshops, too. 1:02:59 – How do you get paid for podcasting? 1:03:11 – Chuck: I do get crap for having ads in the podcast. Nobody knows how much editing goes into one episode. It takes money for hosting, and finding guests, and it costs through Zoom. The amount of time it takes to produce these 12 shows is time-consuming. If you want to get something sponsored. Go approach companies and see. Once you get larger 5-10,000 listeners then that’s when you can pay your car payment. It’s a labor of love at first. The moral is that you WANT to do what you are doing. 1:06:11 – Advertisement. Links: The First Vue.js Sprint – Summary Conferences You Shouldn’t Miss The Expanse Handling Authentication in Vue Using Vuex Sponsors: Kendo UI Digital Ocean Code Badge Cache Fly Picks: Chris Vue Mastery Expanse TV Show Divya Disenchantment Handling Authentication in Vue Using VueX Joe Keystone Habits Charles The Traveler’s Gift The Shack Money! John Framework Summit Angular Mix Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Divya Sasidharan Charles Max Wood Joe Eames John Papa Chris Fritz Erik Hanchett Special Guest: Sarah Drasner In this episode, the panel talks with Jacob Schatz and Taylor Murphy who are apart of the GitLab Team. Jake is a staff developer, and Taylor is a manager at GitLab who started off as a data engineer. To find out more about the GitLab Team check them out here! Also, they are looking to hire, so inquire about the position through GitLab, if interested! The panel talks about Vue, Flux, Node, Flask, Python, D3, and much...much more! Show Topics: 1:51 – Chuck: Introduce yourselves, please. 1:55 – Backgrounds of the guests. 2:45 – Chuck. 2:51 – GitLab (GL): We first adapted Vue at the GitLab team for 2 years now. 3:34 – Chuck: What’s your workflow like through Vue? 3:50 – GL: We are using an application that...Using Python and Flask on the background. Vue CLI throughout the development. 4:35 – Panel asks a question. 4:40 – GitLab answers the question. 5:38 – Panel: Tell us about your secret project? 5:49 – GL: The data team at GL we are trying to solve these questions. How to get from resume to hire? There is data there. So that’s what Meltano helps with. Taylor has a Ph.D. in this area so he knows what’s he’s talking about. 7:30 – Taylor dives into this project via GitLab. 8:52 – GL: Super cool thing is that we are figuring out different ways to do things. It’s really cool stuff that we are doing. 9:23 – Panel: I’ve worked on projects when the frontend people and the data people are doing 2 different things. And they don’t know what each other group is doing. It’s interesting to bring the two things together. I see that teams have a hard time working together when it’s too separated. 10:31 – Panel: Can we get a definition of data scientist vs. a data engineer. 10:44 – Panel: Definitions of DATA SCIENCE and DATA ENGINEER are. 11:39 – GL: That is pretty close. Data science means different things to different people. 12:51 – Panel chimes in. 13:00 – Panel asks a question. 13:11 – GL: When I started working on Meltano... 14:26 – Panel: Looker is a visualization tool; I thought: I bet we can make that. I have been recreating something like Looker. We are trying to replace Looker. We are recreating a lot of the functionality of Looker. 15:10 – Panel will this be called...? 15:31 – Meltano analyze it’s apart of Meltano. Cool thing about Looker it has these files that show the whole visualization – drag and drop. With these files we can do version control. It’s built in – and if you drag it’s apart of a database. We took these files and we... 17:37 – Panel: Define Vue for that, please? 17:49 – GL dives into this topic. 18:40 – GL mentions Node. 18:52 – Chuck: What format does your data take? Do you have different reports that get sent? How does that work? 19:13 – GL: It tells a list of measures and dimensions. I setup our database to... 20:13 – Panel: Question. You chose Vue and it’s working. The reality you could have chosen any other tools. Why really did you choose Vue? 20:30 – GL: I know Vue really well. In the early 2000s I had my... If I have to repeat a process I always use Vue, because it’s the thing I am most comfortable with. This is how I program things very quickly. 21:10 – Panel: How has Vue met or exceeded or not met those expectations? 21:20 – GL: It has exceeded my expectations. One of the things is that as I am trying to staff a team I am trying to write Vue so when people see it they don’t think, “why would he do that?” 22:53 – Flux inspired architecture. 23:07 – GitLab continues the talk. 23:21 – Everything is Flux inspired in the sense that it was an idea to start with and then everybody made alterations and built things on top of that. 23:48 – Panel chimes in. 24:35 – Panel: Can you speak on the process of the workflow and process you work in Taylor and the data science and the frontend of it? 24:54 – GL: It’s the same but different. GitLab talks about Meltano some more, and also Taylor. GL: Taylor is trying to solve all these problems through Meltano. Maybe we can build our own tools? 26:05 – Panel: What’s a Lever Extractor?! 26:14 – GL: Answers this question. 26:25 – Panel: So it’s not a technical term...okay. 26:30 – GitLab continues the talk and discusses different tools. 27:18 – Panel: You are grabbing that data and Taylor is doing his magic? Or is it more integrated? 27:32 – GL answers this question. 29:06 – GitLab: In the beginning we are building that extractors for the other team, but later... The cool thing about Meltano is making it like Word Press. We have an extractor, different directories other things will be discovered by Meltano and discovered by the Gooey. If you write it correctly it can hook on to it. 30:00 – Digital Ocean Advertisement 31:38 – Panel: Meltano is a mix between Python and JavaScript or Vue? 30:43 – GL: Yeah... 31:20 – Panel asks question. How are you orchestrating the data? 31:32 – GL: Eventually it will happen with GitLab CUI. We are thinking we can orchestrate other ways. Right now it’s manually. 32:33 – GL: I like finding some sort of language that doesn’t have an extension...and writing... 32:54 – GL: I’m excited to use a tool that does things the right way like loading and transforming data but the frontend can be a joy to use. A previous company that I worked with and thought: It would be a joy to work with and connect to things that make sense, and do things the “right way”. I hope that’s what we can do with Meltano. I’m not a frontend person, but I appreciate it. 34:03 – GL: This is what I’m going to do...we will have these conversations between Taylor, myself, and our teams. 34:53 – Panel: This is a tool that people need to DL, maybe will you guys host this somewhere as a service. 35:10 – GL: We are trying to get this running. Small steps. It’s not out of the question and it’s not out of the question for this to be a service. 35:33 – GL: What do you want to do with the data warehouse? Your data is yours. 36:06 – Panel: Yeah, you don’t want to be in-charge of that. 36:17 – Panel: Have we asked where the name Meltano came from? 36:30 – GL: It sounds like a weird name. Here is the background of the name of “Meltano” came from. First name was from a sperm whale, it’s a unique name: Cachalot. 38:02 – GL: Conversation continues. 38:38 – Panel chimes in. 38:58 – GL: What does this program offering and doing...This was to help me with the name. 39:27 – GL: Acronym for Meltano: Model / Extract / Load / Transform / Analyze / Notebook / Orchestrate 39:47 – GL continues. They talk about notebooks. 40:19 –Sounds like a Daft Punk album! 40:28 – GL: I am trying to get more on the data science side. 40:57 – Panel: Question. Is Meltano super responsive and quick? 41:17 – GL: It depends on the size of the data, of course, but it is very responsive. 42:11 – GL: That job took 7-8 hours to extract everything for that specific project. 42:39 – GL: There are a lot of moving parts, so that could depend on it slowing it down or speeding it up. 43:01 – When you were building Meltano for your team, for the visualization how do you make decisions on what exactly you are visualizing? 43:18 – GL: That is the tricky part...you are one team. We are trying to find at a point where the data team is happy. One thing for example I put out a bar chart. Team member said that bar charts should always be vertical. So I am learning how they work and their wealth of information on visualization. 44:33 – Panel: Chris always does visualization. 44:48 – GL: Emily is on the team, and knows a lot about that. The correct way to visualize data so it doesn’t just look “cool.” You want it to be useful. Chart JS is what I use. 45:32 – Panel: I have used Chart JS before, too. 46:00 – Chris: I really like... 46:37 – Panel continues this conversation. 47:01 – Panel: Keynote will be given by...at this conference. 47:11 – GL continues to talk about this conversation. From nothing to something in a short amount of time. When I showed people: 47:55 – Panel: are you using Vue transitions? 48:09 – GL: Nope not even slightly. My plan was to use Vue transitions but it’s icing on the cake. Just get it working. 48:29 – Panel: A link of how I use... 49:14 – GL: This is a very small amount of code to where you are. It’s not like you had to re-implement triangles or anything like that. 49:36 – Panel: It does take some time but once you get it – you get it. 49:59 – Panel: When working with axis it can get hairy. 50:52 – GL: D3 really does a lot of the math for you and fits right it once you know how it works. You can draw anything with HTML. Check Links. 52:19 – Panel: There are a million different ways to do visualizations. There is math behind... 53:08 – Panel: D3 also helps with de-clustering. 53:25 – Panel: Any recommendations with someone who wants to dive into D3? 53:37 – GL: Tutorials have gotten better over time. 53:57 – Panel continues the conversation. 54:19 – GL: D3 Version 4 and 5 was one big library. You have C3 – what’s your opinion on C3? 55:00 – GL: have no strong opinions. 55:03 – Chuck chimes in. 55:18 – Panel continues this conversation. She talks about how she had a hard time learning D3, and how everything clicked once she learned it. 55:55 – GL: Main reason why I didn’t use D3 because... 56:07 – GL: If you were a “real” developer you’d... 56:35 – Panel: Let’s go to Picks! 56:40 – Advertisement – Code Badges Links: JavaScript Ruby on Rails Angular Digital Ocean Code Badge Notion Vue Meltano Looker Node Flux Taylor Python Chart JS React Chris Fritz – JS Fiddle D3 Chris Lema – Building an Online Course... Vuetify The First Vue.js Spring Vue CLI 3.0 Online Tutorials To Help You Get Ahead Hacker Noon – Finding Creativity in Software Engineer Indiegogo Create Awesome Vue.js Apps With... Data Sketches Vue.js in Action Benjamin Hardy’s Website Data Intensive: Don’t Just Hack It Together Article: How to Pick a Career...By Tim Urban Taylor A. Murphy’s Twitter Email: [email protected] GitLab – Meet our Team Jacob Schatz’s Twitter Sponsors: Kendo UI Digital Ocean Code Badge Cache Fly Picks: Joe Ben Hardy on Medium Set Goals Chris Vue CLI 3 Vue CLI 3 on Medium Vue Dev Tools Get a new computer John Vuetify Divya Data Sketch One climb Finding Creativity in Software Engineering Erik Create Awesome Vue.js Vue.js in action Charles Get a Coder Job Building an online course Jacob Alma CCS Read source code Allen Kay Taylor Designing Data-Intensive Applications Wait But Why Special Guests: Jacob Schatz and Taylor Murphy . Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Divya Sasidharan Charles Max Wood Joe Eames John Papa Chris Fritz Erik Hanchett Special Guest: Sarah Drasner In this episode, the panel talks with Sarah Drasner, and John Papa is my boss! Sarah talks about the Vue alongside the panel. She goes into her many passions, and talks about how education and being a teacher is something that is quite important for her. Check out today’s episode to hear all of these topics, plus more! Show Topics: 1:42 – Chuck: Let’s talk about your February article, Sarah! 1:57 – Sarah: Sure! I have a great relationship with SMASHING magazine. They reached out to me and we started talking, because they noticed that people had questions about... It probably was one of my most popular articles. People were ready to graduate from jQuery. 3:36 – Panelist: I have gotten a lot of great feedback from people on this article, too. 4:00 – Sarah: it is a baseline. If they have heard about Vue and don’t’ know where to go from there. 4:15 – Panelist: It’s a great way to introduce yourself to people who don’t know you. 4:30 – Sarah continues the conversation. jQuery for a while was the “cheese stands alone” for a long time. 5:39 – Panelist chimes in. 6:15 – Like a long-term support system. 6:46 – Chuck: I am usually writing apps for myself. Lots of To Do Apps. 7:18 – Chuck I wonder how much I can run off of jQuery? 7:37 – Sarah: jQuery to Vue? I mean personally think that it’s much more obtainable. The improvements are great. I feel like I am more in-control when I use Vue. I tell people to try a project for a certain amount of time. I can tell you that how much I like the frameworks, but you have to try it. 9:34 – Panelist: Less code in Vue. 9:59 – Chuck: I do like the fact that... 10:14 – Panelist: you have to be disciplined. I am not always disciplined if I want to be honest. Where should I put a state that depends on another state? 10:42 – Sarah to Chris – Your style guide is helpful, Chris. If you really don’t mind in a certain framework, look at what people suggest based on their experience. Then you are not making those decisions for yourself, but you can see what works for others. 11:33 – Panelist: The style guides help them feel more confident for the people that he has talked to. They made more comfortable to feel more vulnerable. 12:13 – Sarah: That’s why I made those snippets for VS code. If it gives me a template then those little pieces of helpers can help keep your code more attainable. To make sure that the code review is on the up-and-up. 13:05 – Panelist: I do love those snippets. It does help me not to worry about missing certain things. I use the snippets for Live Demos. The feedback is that they don’t want to use Vue, but the snippets make it look really cool. 13:47 – Panelist: Many people don’t know this, but... 14:05 – Chuck: I know people are fans of jQuery...why do you hate jQuery? 14:26 – Sarah: I got some negative feedback and positive feedback. A debate started actually within these conversations. It happened around me, actually. What people know vs. what people don’t know. It was an interesting discussion, too. 15:26 – Panelist: Vue has this easy drop and save tag. Sarah, in your opinion... 15:58 – Sarah: Scotch IO has great articles out there. There are tons of writers out there. Actually, because there is nice ramp-up, that does help with adaption; just all together. That has had a lot to do with it, in addition through word-of-mouth. Whether if they, do or don’t, know how to use framework. 17:35 – Panelist: One number one thing they don’t’ like about Angular is that 99.9% time is that they are struggling with setup, bill process, when to set up different flags. It’s actually using the tool. 18:35 – Sarah: I wasn’t looking out to switch to Vue. At first, I was thinking: “Do I really have to try this out...? Why do I have to learn this, too?” I actually fell in love with it during the process. You can see this “falling in-love” on my Twitter. That for me has been one of the best experiences for me. Programs: Babble, Sass. This I would have to install one-by-one. To note that the developer’s experience is pretty important. 20:15 – Panelist: To have something there can create some anxiety for them. Even if they don’t need to know what those folders are can create anxiety. 20:59 – Sarah continues this conversation with her insights and comments. 22:00 – Panelist asks Sarah a question. 22:12 – Sarah Drasner: It really varies depending on the users’ experience. 23:17 – Panelist: If you are happy doing what you are doing – keep it. Don’t change. 23:32 – Sarah: The company dictates a lot of things for you. Lots of people don’t get to decide. If you are working with one giant build, then maybe... 24:27 – Panelist talks about a Vue template, and other topics. 25:16 – Sarah: Code Pen. 26:05 – Code Pen continues to be the topic of this conversation. 27:43 – Digital Ocean’s Advertisement. 27:21 – Chris to Sarah: You get people super excited about Vue because your demos are the BEST demonstrations.  30:30 – Fidget Spinner. 31:16 – Are you into animation? 31:28 – Sarah mentions: Smashing Magazine. Sarah’s dream job was to be in computer animation. She went to college and didn’t want to draw every frame. I can’t keep doing this. Eventually this led to we development. Full circle, I am back to what I originally fell in-love with. Coding is one of my favorite things. In animation anything can happen! In real-life you are limited, but with animation you can let your mind go wild. You can do anything. That is exciting for me. The web has so many different capabilities. 34:19 – Can you talk about your background as an educator? 34:28 – Sarah Drasner: I was a professor in the Greek Islands. I think teaching gives me so much joy. Especially for me to see the light in your student’s eyes. I think learning is really hard, so making that process easier for people is a goal of mine. I want to make materials easier for them to comprehend a certain topic or the material-at-hand. At first, I thought JavaScript was hard. Connecting the dots for people is worth it to me. It’s scaling my understanding. It’s moving things through the community – scale that knowledge. 36:43 – Creating resources for students that they never had. People, I am sure, are grateful for that. 37:19 – Sarah: t’s a really valuable thing to share this with one another. You can be a little bit selfish and when you have to teach a concept to a student this material will be embedded into you easier/better because you have to explain it. 38:12 – Sarah: What does the H Stand for? This article came up, because I had to answer someone’s question. Writing an article really solidifies your knowledge! 39:02 – Where do you like to teach? 39:07 – Sarah: Frontend Masters is one of them. It continues afterwards. 40:35 – Sarah: I still like making online content, the feedback you get in-person is very wonderful. 41:13 – Panelist adds comments. 41:47 – Sarah continues the conversation and talks about a specific conference. She talks about Nigeria and Nigerians. 43:06 – Sarah: It’s actually a huge venue. We rented a media company to help with stable Internet and web access. Just making sure that everything will be stable. It’s a real conference; it’s just free to them. It’s in a couple of days. I am feeling like that it’s a lot of stuff, but I know it will be valuable. We are looking for sponsorships!! It’s a great cause and totally engaging. 44:22 – Are you guys ready for your talks? 46:42 – Sarah: Her talk is going to be one of the best talks there. It can be quite political, but she doesn’t do that. What changes for the developer? It is quite masterful. She is doing a repeat performance. 47:16 – Panelist: I try... 47:24 – Sarah Drasner: I will be talking, too. 48:28 – Dumb jokes. 48:50 – Sarah: I feel that jokes don’t translate well across different countries. You have to find something more universal. I pick things that are universal to the human experience. 49:40 – Sarah: I guess in the introduction, I say who I am and then I bring Clippy on the stage... In addition, sometimes, TERRIBLE jokes go a long way! To show that you are actually human! 51:36 – A Wiki later... 51:48 – I put the bad jokes into the delivery. People need something to lighten the mood. 52:21 – Clippy and Microsoft Bob. 52:32 – E-Book Code Badges! 53:12 – Picks! Links: JavaScript Ruby on Rails Angular Digital Ocean Code Badge Notion Vue Sarah Drasner’s Article Sarah Drasner’s Twitter Sarah Drasner’s Website Sarah Drasner’s GitHub Sarah Drasner’s LinkedIn Sarah Drasner’s CSS-Tricks Sarah Drasner’s Medium Sponsors: Kendo UI Digital Ocean Code Badge Cache Fly Picks: Divya Sasidharan Article - Build a State Management Article - Where Vim Came From? Chris Fritz Dev Tools – Routing Tab and others Open Collective Sarah Drasner My friend’s speech / coworker, Ozcon Conference in Kenya the following year! Erik Hanchett Fidget Spinner Coder.Com Charles Max Wood Code Badge Notion.So Special Guest: Sarah Drasner. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Divya Sasidharan Erik Hanchett Joe Eames John Papa Chris Fritz Special Guest: Duncan Grant In this episode, the panel talks with Duncan Grant who is a JavaScript developer and he talks briefly about his background. Today he discusses the “Top Ten Things He Loves About Vue.” He works in Cambridge, UK and is quite involved there. You can check Duncan out through LinkedIn, Twitter, Medium, and other social media sites. He currently works for Cambridge Intelligence. Check out his bios to see Duncan’s latest activity! Show Topics: 2:30 – After a certain threshold, it doesn’t matter anymore if there is a vibrant community to learn and support from one another. If there were only one mindset then we’d be in trouble. 2:50 – Duncan: Having a community to support each other is great – I agree. 3:50 – I think too many people get wrapped-up in the “newest, best” thing out there and that can get tiring. 4:32 – Should I use X over Y? If you are happy and productive then there is no reason to switch. Why do that to yourself? 5:45 – Duncan: I only have been using Vue for only 1½ year. I was reluctant to use Vue at first. He wasn’t that interested. Eventually, I did have a look because it was someone saying: “Vue is the new jQuery.” There was a very out-there-comment, and so it made my interested to check-out Vue. Some of the concepts are very reusable. 8:03 – Let’s ask a question, first – what do you NOT like about Vue? 8:15 – Duncan: It’s the lack of what Vue has to offer or not offer. 9:09 – Vue doesn’t have a lot of opinions, unlike Angular among others. 9:52 – It depends on “how you like to roll.” 11:12 – It depends on where you are coming from. Try to take an Angular project, and apply it to “x, y, and z” and it is very difficult. 11:59 – The community (Vue) is growing bigger and bigger, but the jobs aren’t quite that high. Compared to Angular and hopefully it is changing. 12:236 – There are people looking to use Vue, but they don’t feel like they need someone with a lot of Vue experience, but ideally they are looking for someone who also knows JavaScript. 13:05 – For me, Vue, feels like I can get this thing running very quickly, but you don’t’ have to take them on when you are ready. It’s a slow progressive. But for Angular you have to bite upfront a little more upfront. But when you get past that it’s about the same. I think it’s easier to slip into Vue right away. 13:51 – Duncan: I agree with that comment. 14:32 – Wait...I came into learn “x, y, and z” but I have to learn “a, b, and c...”? 15:13 – There might be a lot of things to learn at first, but once you can do it then you can configure a lot of different things. 15:38 – If you start at the COI then you’re golden. 17:18 – If you have strong opinions then that’s good for them because it’s working for them. 17:53 - Divya Sasidharan adds her comments. 19:30 – Question to Duncan about something he said in his blog (2nd paragraph). Listen to this time stamp to see what the challenge is all about! 20:05 – Duncan: It probably doesn’t and I haven’t seen any horror stories. 21:39 – Topic: Components 21:48 – Duncan: “People say developers are lazy.” 22:28 – The panel talks about how they enjoy Duncan’s points in his blog. 25:15 – Divya Sasidharan adds her comments. 26:26 – It’s a progression. You think about some sort of state (I hear this a lot in the Angular world), who has logged-in their name do I really need X program? No, not really. Create a simple class. Use the right tool for the right job. 27:17 – Topic: Patterns 28:15 – We talked about this on previous episodes. It’s difficult to manage and it can get out of hand. 29:16 – Check-out this timestamp for a recommendation from one of the panelists! 29:56 – Mid-roll Advertisement for Digital Ocean! 30:50 – Let’s talk about Duncan’s talk after your blog post. Duncan feels that the material worked well for the blog set-up, but not for an actual discussion. Duncan talks about people’s concerns and dislikes about Vue. It’s hard when someone criticizes you, because is it your actual code or is it user’s error? 32:30 – A problem like not updating when it should – Vue.delete and Vue.set. 34:47 – Do it under the hood, so people don’t have to change the way they work. 35:07 – Question for Duncan: People have said, “Vue isn’t good for using large applications.” Have you heard this question before, and what do you think? 35:21 – Duncan’s answer to this question. He has only used Vue for medium-sized applications. But...for larger sized projects, then “yes” it could be complicated. It doesn’t matter what framework you use, because it’s “large” no matter what application you decide to use. 36:44 – Statistic given. 37:25 – Large-scale applications. 37:32 – Duncan talks about other criticisms from the blog post. 40:02 – What people are really getting at is that they want stability to keep it around for the foreseeable future. 41:00 – If Evan were to get hit by a bus... 42:52 – Everyone wants Vue to succeed and it’s a joint effort. 44:36 – Question to Duncan: “Getting back to your post. I am curious, what do you see is next for you? What are the next blog topics?” 45:00 – Duncan shares his thoughts on his next blog topics, such as: “Vue doesn’t have to be that scary...” 46:40 – It’s good that you point that out, because a lot of time we do things that are interesting to us, but if it isn’t interesting to the readers, then it wont’ go far. 47:05 – Like video games! 47:25 – Question to Duncan: “What are your personal challenges of advanced concepts as you were making the transition?” 47:53 – Duncan: “Interesting question, because Vue was easier for me. One small thing was the radioactivity that I had to learn.” 48:54 – Understanding patterns. 51:27 – The essential concepts in Vue, you can check that out. Want to make sure that people can get through that on their free day. New applications can be learned, and how to build on their Saturday afternoon. Going through all of their applications that quickly. 52:08 – Duncan: “You don’t have to invest in multiple days to learn Vue.” 53:57 – Let’s go to picks! 53:59 – Advertisement 54:37 – Picks!  Links: JavaScript Ruby on Rails Angular Digital Ocean Code Badge Duncan Grant’s Website Duncan Grant’s GitHub Duncan Grant’s LinkedInDuncan Grant’s Midwinter Duncan Grant’s Medium Duncan Grant’s Twitter Vue jQuery Reddit Smashing Magazine: Replacing jQuery With Vue.js: No Build Step Necessary Cambridge Intelligence Sponsors: Kendo UI Digital Ocean Code Badge Cache Fly Picks: Divya Sasidharan Article: The Git Parable 9 Biggest CSS Grid Mistakes Cards Against Humanity John Papa Books: Star Wars STDLIB Chris Fritz Cards Against Humanity Coffee? Granola Milk & Honey Duncan Kombucha Tea Website: IndieHackers.Com Special Guest: Duncan Grant. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Divya Sasidharan Erik Hanchett Joe Eames Chris Fritz  In this episode, the panel talks about code automation, generators, and other topics. They talk about the pros and cons of what generators can and cannot do. Later they discuss different codes, such as Prettier and Eslint codes, and also talk about their pros and cons. Check-out today’s episode to get the full details on these topics and much more! Show Topics: 1:03 – Panel has different views on what code automation is and or is not. 2:53 – One of the panelists started his career with Rails. 3:58 – Let’s jump into one thing that I think Rails did really well, and that is generators! Generators aren’t really popular in the JavaScript community. What are generators? 4:43 – Generators is to help build your tooling. 4:57 – What is an example of a generator, and how can it resolve the issue-at-hand? 5:04 – To generate a component, for example. 5:20 – The panel go back and forth and discuss the different definitions of what a generator means to them, and the purpose of a generator. 8:29 – For beginners, if you are brand new to JavaScript then these generators could be confusing. 9:10 – People at first did not like Java’s generators. 10:04 – How much do you guys use generators in your workday? 10:07 – Angular CLI. 12:06 – To organize in a consistent way for a larger team, generators can help. 12:37 – It also standardizes things, too. If you have something in place, then basically the machine makes the decision for you already, which can save some headaches.  13:09 – Tooling to review code. As long as you can agree on a style then these tools can format your code the way you want it. 13:49 – Let’s talk about Prettier and Eslint code. Let’s take a poll. The panel goes back-and-forth and discusses the pros and cons of both codes, Prettier and Eslint. Some panelists have very strong views on one or the other, and they’ve had much experience with these codes, which they have given it much thought over the years. 22:36 – Bottom line: we all figure out things as we go along. 22:52 – New topic: Apart of the automated code review is to have Eslint and Prettier and other codes have all of these things run-on a pre-commit hook, only on the files that are staged. 25:06 – Who uses pre-commit hooks? A lot of people will run different tools to compress their images, and there is a tool that can help with that. 26:32 – Smart - anything to save time. 27:40 – New topic: Continuation integration. After a pre-commit hook in editor, then when you take a poll request then sometimes there are these services, Travis CI or CircleCI that will go through and run some tests to make sure that your project builds correctly, and deploy your site. I like to use tools like this. It integrates with others like GitHub among others. 29:54 – Digital Ocean’s Advertisement! 30:58 – If you want to see an example please got to this timestamp to hear the panelist’s suggestion! 32:03 – Once an application has been developed for a while it might take 4-5 minutes for it to finish – if I think it is fine, I don’t want to waste time. It doesn’t seem like a good use of my time. 36:23 – “Throwing out data is like gardening!” – This is Divya’s motto. 37:40 – One panelist likes to use the squash and merging option. 38:14 – Divya: “Do you have any control over what gets squashed?” 38:28 – Everything gets squashed 39:49 – Auto-completion. 40:27 – The panel talks about plugins and such. 41:10 – Back to continuation integration (CI). Biggest concern people have is it builds failing when nothing is wrong. 42:00 – “Time Zones” – that’s one scenario for Divya. 42:32 – Another panelist voices another concern. 45:31 – Another topic: Running Eslint and Prettier – how do we actually run those things? How do we run tests? 46:24 – The panel talks about what was and is popular within this field.  50:29 – Question asked. 50:41 – Proxies is very common. 54:46 – Another common web pack customization is when you have to use environmental variables. 55:55 – Anyone have anything else to talk about? No, so let’s talk about PICKS! Links: JavaScript Ruby on Rails Angular CLI Prettier and Eslint code Article on Travis Cl or CircleCI GitHub Kendo UI Digital Ocean Code Badge Sponsors: Kendo UI Digital Ocean Code Badge Picks: Divya Sci-Fi Book: Lewis’ Out of the Silent Planet N.K. Jemisin – author ToDoIst App Chris VR in Hand-Tracking & Beat Saber Joe Framework Summit Notion.so WorkFlowy Erik Program Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Erik Hanchett Joe Eames In this episode, the Views on Vue panel talks about Charles’ new course on how to Get a Coder Job. A lot of people come to Charles asking him how to get a coder job, especially as new developers, and he created this course in order to help them find jobs. They talk about how the panelists got their own first coder jobs, the difference between being self-taught and getting a CS degree, and the indicator that makes the biggest difference in getting a first job. They also touch on the importance of knowing how to interview, having a desire and passion for development, and more! In particular, we dive pretty deep on: A lot of people ask him how to find a coder job Get a Coder Job What is in the course? How did you get your first developer jobs? Erik gives advice about How to Get a Developer Job on his YouTube Channel Going the traditional route (CS degree) VS self-taught route Being self-taught is more common now You don’t need a CS degree to get a developer job Getting a CS degree is the most sure way to get into the industry Using boot camps The skillset you learn in a professional CS degree The indicator that makes the most difference is who you know and how many people you know The benefits of getting a degree Using the alumni network, professors, and counselors to get connections Knowing how to interview Different type of students in boot camps Dedication and desire to do this job matters There are a lot of Jr. developers entering the field right now Getting the right opportunities The different options you have to be trained And much, much more! Links: Get a Coder Job Erik’s How to Get a Developer Job on YouTube Erik’s YouTube Channel Sponsors Kendo UI Digital Ocean Code Badge Picks: Charles Get a Coder Job Framework Summit CES Podcast Movement Home Depot Tool Rental Joe Framework Summit Erik Create Awesome Vue.js Apps With Nuxt.js course Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris Fritz Joe Eames Divya Sasidharan Special Guests: Filipa Lacerda, Jacob Schatz, and Phil Hughes In this episode, the Views on Vue panel talks to Filipa Lacerda, Jacob Schatz, and Phil Hughes about GitLab’s journey with Vue. Jacob started as a front-end developer at GitLab and now has joined the data science team as a staff data science engineer. Filipa has been a front-engineer and works with the CIDC and security teams at GitLab. Phil has been at GitLab for 2 ½ years and most recently has been working on the web IDE. They talk about how GitLab decided to adopt Vue, the benefits that Vue brings their company, why they decided to move away from jQuery, and more! In particular, we dive pretty deep on: Filipa, Jacob, and Phil intros All work at GitLab Distributed team at GitLab Work with Vue One team across multiple time zones How did GitLab decide to adopt Vue? The benefits of Vue Creating a proof of concept Rails previously jQuery Vue allows them to use much less code and be more organized Vuex Un-opinionated VS highly opinionated frameworks Did you find Vue to be stifling in any way? Could you organize ode the way you wanted to organize it? Vue made their lives easier Didn’t have a style guide or plan in the beginning Why they moved away from jQuery Performance issues and the large amount of code with jQuery Node.js CoffeeScript to JavaScript And much, much more! Links: GitLab Vue Rails jQuery Vuex Node.js CoffeeScript JavaScript @FilipaLacerda Filipa’s GitHub Filipa’s GitLab @jakecodes Jacob’s GitLab @iamphill iamphill.com Phil’s GitHub Phil’s GitLab @gitlab Sponsors Kendo UI Digital Ocean FreshBooks Picks: Chris vuemeetups.org The Witness His request system Divya Sarah Drasner vue-vscode-extensionpack The Cost Of JavaScript - Addy Osmani - Fluent 2018 Netlify Joe Framework Summit Evan You Tweet Jayne - Overwatch Coaching on YouTube Filipa Sarah Drasner Tweet Coffee Table Typography Jacob Flask The Americans Phil Center Parcs ErgoDox EZ Special Guests: Filipa Lacerda, Jacob Schatz, and Phil Hughes. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris Fritz Joe Eames Divya Sasidharan Erik Hanchett Special Guests: Gregg Pollack & Adam Jahr In this episode, the Views on Vue panel talks to Gregg Pollack and Adam Jahr about teaching Vue, community building, and the Vue News Podcast. Gregg is passionate about teaching online, being a father, and self-awareness and leadership development with startups. Adam teaches alongside Gregg at Vue Mastery, where they strive to be the ultimate resource for Vue developers. They talk about what made them decide to create Vue Mastery, the evolution of the Vue community, the story of Code School, and more! In particular, we dive pretty deep on: Gregg and Adam intro Vue Mastery Founded Vue Mastery together What made you decide to get into the Vue space and teaching people about Vue? Came from Code School Laracasts and RailsCasts Passion for open source and teaching Wanted to build Vue Mastery in a way that supports the community Do you see parallels between the Code School community and the Vue community? Seeing the community evolve The necessity of teachers to push Vue forward The story of Code School Official Vue News Podcast Rails for Zombies Creating partnerships Merger with Pluralsight Producing mostly video content now Why did you choose video? Humans are visual creatures Gamification with Vue Mastery Want to have a reason for people to come back to your sight One new video a week And much, much more! Links: Vue Mastery Vue Code School Laracasts RailsCasts Official Vue News Podcast Rails for Zombies Pluralsight @greggpollack greggpollack.com Gregg’s GitHub Gregg’s Pluralsight @AdamJahr adamjahr.com Adam’s GitHub Adam’s Medium @VueMastery Sponsors Kendo UI Digital Ocean FreshBooks Picks: Chris Thorsten Lünborg, Sarah Drasner, Pratik Patel, Gusto, Tray Lee, Deanna Leavitt, and Joe Eames Sebastian Deterding Nonviolent Communication by Marshall B. Rosenberg Difficult Conversations by Douglas Stone Divya Sherlock TagUI Erik After 5 years and $3M, here's everything we've learned from building Ghost Gregg 13 Reasons Why Alone: A Love Story The Landmark Forumhttp://www.landmarkworldwide.com/the-landmark-forum Adam CMTY Tig Special Guests: Adam Jahr and Gregg Pollack. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Divya Sasidharan Chris Fritz Joe Eames Special Guests: Edd Yerburgh In this episode, the Views on Vue panel talks to Edd Yerburgh about unit testing Vue components. Edd is a software engineer for BBC in London and he maintains Vue Test Utils, which is a library to help make unit testing Vue components easier.  They talk about how you would use Vue Test Utils, examples of components you would test with Vue Test Utils, and good patterns to use when testing. They also touch on snapshot testing, the Vue Jest library, and more! In particular, we dive pretty deep on: Edd intro Maintains Vue Test Utils What is Vue Test Utils? Library to make unit testing Vue components easier What is a mounted component? Would you use Vue Test Utils by yourself? Jest, Jasmine, and Mocha Needs to be run in a DOM environment JS DOM Examples of components that you would use to test with Vue Test Utils What are good patterns to use when testing? Consider what and if you should test? Difficult to give a definitive answer as to when you should unit test vs you shouldn’t What you hope when you are writing unit tests Tests as a form of documentation Writing unit tests to pay off in the future What is a Snapshot test? When would you use a snapshot test? Leaning on Jest for snapshot tests Vue Jest library Testing in Vue Creating components within your test itself Testing a mixin And much, much more! Links: Vue Vue Test Utils Jest Jasmine Mocha Snapshot test Vue Jest Edd’s GitHub @EddYerburgh eddyerburgh.me Edd’s Medium Sponsors Kendo UI Digital Ocean FreshBooks Picks: Divya The React is “just” JavaScript Myth by Dave Rupert Bang Bang Con Moving Towards Dialogue: Collaborating with your computer using typed holes! by Vaibhav Sagar Chris Having a point to stop working at night ASMR Joe Rocketbook VS Code Top-Ten Pro Tips Edd Testing Vue.js Applications by Edd jscodeshift Special Guest: Edward Wardell-Yerburgh. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Chris Fritz Erik Hanchett Joe Eames Special Guests: Thorsten Luenborg In this episode, the Views on Vue panel talks to Thorsten Luenborg about how he became a Vue.js core team member. Thorsten is a part of the Vue core team, and has been for about 2 years. They talk about the beginnings of the creation of the Vue core team, what it means to be on the core team, and his main focus on the core team. They also touch on how Vue is ran using Open Collective and Patreon, how they don’t have an overarching corporate structure, and more! In particular, we dive pretty deep on: Thorsten intro Vue How did Evan get the core team together at the beginning? Core team is a great place to come together, share ideas, and write Vue together Loose organization of the core team What it means to be on the core team? Contributions are very spread out Vue is very big in China Maintaining different repositories His main focus Supporting role on the team Build a small team of moderators Need more structure to go further Asking for help when you need it Has there ever been a time when a corporate entity has contacted the core team directly for guidance/help? Their work is sponsored by other companies Using Open Collective and Patreon Supporters don’t really interfere Security through having a lot of little contributors VueConf US No overarching corporate structure Ember.js And much, much more! Links: Vue Open Collective Patreon VueConf US Ember.js Sponsors Kendo UI Digital Ocean FreshBooks Picks: Charles Max Wood VS Code Chris The Good Place Special Joe Microsoft acquisition of GitHub Full of Sith – How the Force Works Star Wars Oxygen Google Duplex Thorsten Netlify Deadpool 2 Special Guest: Thorsten Lunborg. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Special Guests: Vesa Juvonen In this episode, the Views on Vue panel talks to Vesa Juvonen about building SharePoint extensions with JavaScript. Vesa is on the SharePoint development team and is responsible for the SharePoint Framework, which is the modern way of implementing SharePoint customizations with JavaScript. They talk about what SharePoint is, why they chose to use JavaScript with it, and how he maintains isolation. They also touch on the best way to get started with SharePoint, give some great resources to help you use it, and more! In particular, we dive pretty deep on: Vesa intro What is SharePoint? Has existed since 2009 People either know about it and use it or don’t know what it is Baggage from a customization perspective Why JavaScript developers? Modernizing development SharePoint Framework Microsoft Ignite Conference Is there a market for it? System integrators Angular Element and React React for SharePoint Framework back-end Supports Vue React Round Up Podcast How do you maintain isolation? What’s the best way to get started with SharePoint extensions? Office 365 Developer Program SharePoint documentation SharePoint YouTube What kinds of extensions are you seeing people build? And much, much more! Links: SharePoint JavaScript SharePoint Framework Microsoft Ignite Conference Angular Element React Vue React Round Up Podcast Office 365 Developer Program SharePoint documentation SharePoint YouTube @OfficeDev @vesajuvonen Vesa’s blog Vesa’s GitHub Sponsors Angular Boot Camp Digital Ocean FreshBooks Picks: Charles Zig Ziglar Conversations with My Dog by Zig Ziglar Pimsleur Lessons on Audible Vesa Armada by Ernest Cline Special Guest: Vesa Juvonen. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Chris Fritz Erik Hanchett Divya Sasidharan Joe Eames Special Guests: Tracy Lee, Ben Lesh, and Jay Phelps In this episode, the Views on Vue panel talks to Tracy Lee, Ben Lesh, and Jay Phelps about reactive programming in Vue. They talk about the new additions to RxJS 6, what RxJS actually is, reactive programming, and Vue Rx. They also touch on the basics of RxJS, the difference between Promises and RxJS, and more! In particular, we dive pretty deep on: RxJS The difference between RxJS 6 and the past versions Moving towards pipeable operators Win for application size Error handling has changed What is RxJS? Utility library to better handle your complex asynchronous stuff Very versatile tool Reactive programming Most popular and well-known reactive programming paradigm Became open source at version 5 How does Vue Rx fit into all of this? What Vue Rx adds Using RxJS vs Promises Observables Subscription options Observable strings The underbelly of coding Error handling Functional programming Promises are eager Web sockets RxJS is not particular to one language Angular And much, much more! Links: RxJS Vue Rx Vue Angular @ladyleet Tracy’s GitHub @BenLesh Ben’s Medium Ben’s GitHub @_jayphelps Jay’s GitHub RxJS GitHub Sponsors Kendo UI Digital Ocean FreshBooks Picks: Charles Master Chef Junior Instant Pot Chris Back up your data more than weekly Divya The introduction to Reactive Programming you've been missing Erik Bracket Pair Colorizer Syntax.fm podcast Joe Backblaze Solo Framework Summit Tracy BeautyFix Subscription Box Blanton’s Ben RxJS docs Experimental branch of RxJS Get some exercise Special Guests: Ben Lesh, Jay Phelps, and Tracy Lee. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Alyssa Nicholl Ward Bell Special Guests: David Cramer In this episode, the Views on Vue panelists talk to David Cramer about error tracking and troubleshooting workflows. David is the founder and CEO of Sentry, and is a software engineer by trade. He started this project about a decade ago and it was created because he had customers telling him that things were broken and it was hard to help them fix it. They talk about what Sentry is, errors, workflow management, and more! In particular, we dive pretty deep on: David intro Founder and CEO of Sentry What is Sentry? Working with PHP De-bugger for production Focus on workflow Goal of Sentry Triaging the problem Workflow management Sentry started off as an open-source side project Instrumentation for JavaScript Ember, Angular, and npm Got their start in Python Logs Totally open-source Most compatible with run-time Can work with any language Deep contexts Determining the root cause And much, much more! Links: Sentry JavaScript Ember Angular npm Python Sentry’s GitHub @getsentry David’s GitHub David’s Website @zeeg Sponsors Kendo UI FreshBooks Picks: Charles Socks as Swag David VS Code Kubernetes Special Guest: David Cramer. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Chris Fritz Erik Hanchett Divya Sasidharan Special Guests: Hassan Djirdeh In this episode of Views on Vue, the panelists discuss state management with Vue.js with Hassan Djirdeh. Hassan is a front-end engineer developer based out of Toronto, Canada and works for the ecommerce company Shopify as his full-time job. In his free-time he does anything and everything related to Vue and has also recently helped publish a book called Fullstack Vue. They talk about Vue CLI 3.0, state management patterns, his talk The Importance of State Management in Vue, and more! In particular, we dive pretty deep on: Hassan intro Vue Recently started using the Vue CLI 3.0 How is Vue CLI 3.0 different from 2.0? More obvious to understand what people need for their application Vuex and Vue Router Great way to get things started What if you’re using a configuration from Vue CLI 2.0? Webpack or Browserify Making things easier and better for new Vue developers Further configuring your projects Have you found anything you haven’t been able to configure with Vue CLI 3? Git integration Vuex Modules Linting Can you create your own templates with the CLI? How much should the CLI tool walk the developer through the process? Integrating ESLint into a project Runtime errors Pre-commit hook The Importance of State Management in Vue – Hassan’s Talk And much, much more! Links: Shopify Fullstack Vue Vue CLI 3.0 Vue Vuex Vue Router Webpack Browserify Vuex Modules The Importance of State Management in Vue – Hassan’s Talk ESLint Hassan’s Medium Hassan’s GitHub @djirdehh hassandjirdeh.com Sponsors: Kendo UI FreshBooks Picks: Charles GDPR Solo Movie   Chris Sarah Drasner Repo - loldash Jean-Claude Van Johnson Dark Primer Erik Wallabyjs.com Divya Gatsby.js SmooshGate blog Hassan Avengers: Infinity War Lambda School Special Guest: Hassan Djirdeh. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Special Guests: Ori Zohar and Gopinath Chigakkagari In this episode, the Views on Vue panelists discuss Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari at Microsoft Build. Ori is on the product team at VSTS focusing on DevOps specifically on Azure. Gopinath is the group program manager in VSTS primarily working on continuous integration, continuous delivery, DevOps, Azure deployment, etc. They talk about the first steps people should take when getting into DevOps, define DevOps the way Microsoft views it, the advantages to automation, and more! In particular, we dive pretty deep on: Ori and Gopi intro VSTS – Visual Studio Team Services VSTS gives developers the ability to be productive Developer productivity What’s the first big step people should be taking if they’re getting into DevOps? The definition of DevOps The people and the processes as the most important piece DevOps as the best practices Automating processes What people do when things go wrong is what really counts Letting the system take care of the problems Have the developers work on what they are actually getting paid for Trend of embracing DevOps Shifting the production responsibility more onto the developer’s Incentivizing developers People don’t account for integration Continuous integration Trends on what customers are asking for Safety Docker containers And much, much more! Links: Azure Microsoft Build VSTS @orizhr Ori’s GitHub Gopi’s GitHub @gopinach   Sponsors Kendo UI Linode FreshBooks   Picks: Charles .NET Rocks! Shure SM58 Microphone Zoom H6   Ori Fitbit Pacific Northwest Hiking Gopinath Seattle, WA Special Guests: Gopinath Chigakkagari and Ori Zohar. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris Fritz Joe Eames Divya Sasidharan Special Guests: Jen Looper In this episode of Views on Vue, the panelists discuss NativeScript-Vue with Jen Looper. Jen is a developer advocate at Progress and the project that she is most involved in is NativeScript, which allows you to build mobile apps. The subset of NativeScript that she is really passionate about is NativeScript-Vue. They talk about what NativeScript and NativeScript-Vue are, resources to help learn NativeScript, and more! In particular, we dive pretty deep on: Jen intro What is NativeScript? A way to build mobile apps using JavaScript Similar to React Native Can use Angular, Vue, or no framework at all NativeScript is a more of a run-time NativeScript as a translator Under the hood implementation details 78 custom built modules How different is the Vue developer experience using NativeScript? NativeScript Playground Visual Studio Code VS Code snippets NativeScript Sidekick Working on NativeScript-Vue tutorials Developing a NativeScript Templating Does NativeScript off the ability to inspect elements as you work through them? Vue DevTools Testing with NativeScript NativeScripting.com NativeScriptSnacks.com @VueVixens Elocute And much, much more! Links: Progress NativeScript NativeScript-Vue JavaScript Angular React Native Vue NativeScript Playground Visual Studio Code NativeScript Sidekick Vue DevTools NativeScripting.com @VueVixens Elocute Jen’s GitHub JenLooper.com @jenlooper Vue Vixens Sponsors: Kendo UI Digital Ocean FreshBooks Picks: Chris Cooking Shows Strange names of groups of animals- tweet them to him @chrisvfritz Divya Debugging Modern Web Applications by Mozilla Joe Shazam! Movie Getting domesticated Foxes from Russia for Vue Vixens Jen Bombshell: The Hedy Lamarr Story on PBS VS Code Can Do That? Series Cat School Special Guest: Jen Looper. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Special Guests: Rachel MacFarlane and Matt Bierner In this episode, the Views on Vue panelists discuss Visual Studio Code with Rachel MacFarlane and Matt Bierner, who are both developers on Visual Studio Code. They talk about what the workflow at Visual Studio Code looks like, what people can look forward to coming out soon,  and how people can follow along the VS Code improvements on GitHub and Twitter. They also touch on their favorite extensions, like the Docker extension and the Azure extension and their favorite VS Code features. In particular, we dive pretty deep on: Rachel and Matt intro Month to month workflow of Visual Studio Code VS Code JavaScript, TypeScript, and MarkDown support Working on GitHub and within the community Check out new features incrementally with insiders Community-driven work What is coming out in Visual Studio Code? GitHub helps to determine what they work on Working on Grid View Improved settings UI Highlighting unused variables in your code Improvements with JS Docs Dart Visual Studio Extension API How do people follow along with the VS Code improvements? Follow along on GitHub and Twitter Download VS Code Insiders Have a general road map of what the plan is for the year Technical debt week What do you wish people knew about VS Code? Favorite extensions Docker extension and Azure extension And much, much more! Links: Visual Studio Code JavaScript TypeScript Dart VS Code GitHub @Code VS Code Insiders Docker extension Azure extension Rachel’s GitHub Matt’s GitHub MattBierner.com @mattbierner Sponsors Linode Angular Boot Camp FreshBooks Picks: Charles Orphan Black Avengers: Infinity War Fishing Rachel GitLens Matt The Bronx Warriors Special Guests: Matt Bierner and Rachel MacFarlane. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris Fritz Erik Hanchett Divya Sasidharan Special Guests: Mitchell Garcia In this episode of Views on Vue, the panelists discuss the article Why You Shouldn’t Use Vue.component with the author Mitchell Garcia. Mitchell runs the blog FrontEndSociety.com, which focuses almost entirely on Vue.js, as well as works for OZRK Labs. They talk about what led him to Vue, what single-file components are and the advantages to them, and his article. They also touch on when you would and would not want to use Vue.component and much more! In particular, we dive pretty deep on: Mitchell intro Has been using Vue for about a year professionally What first turned you on to Vue? Loved the single-file components in Vue What are single-file components? Vue has Webpack loaders Advantages to single-file components OZRK Labs What are custom blocks? Loves the modularity of Vue Why You Shouldn’t Use Vue.component The importance of scale The only time you would want to not use Vue.component When should you use Vue.component? Vuetify Makes sense to use Vue.component when building a library The downside to having everything globally registered Think of Vue components as objects All Vue components have the same structure The benefits of local registration Different ways to use Vue.component And much, much more! Links: FrontEndSociety.com Vue.js Webpack loaders OZRK Labs Why You Shouldn’t Use Vue.component Vuetify TypeScript Vue-promised Mitchell’s GitHub @mmitchellgarcia Sponsors: Kendo UI Digital Ocean FreshBooks Picks: Chris Another Period Vue Vixen Patreon Outside Divya Daniel Rosenwasser at VueConf My Struggle to Learn React by Brad Frost Erik Habitat for Humanity CatchaFire.org Mitchell Vue-prom Leveraging Render Props in Vue by Dillon Chanis Special Guest: Mitchell Garcia. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris Fritz Erik Hanchett Divya Sasidharan Joe Eames Special Guests: Dan Pastori In this episode of Views on Vue, the panelists discuss re-using VueJS mixins and filtering Google Map data with Dan Pastori. Dan currently is a developer working with VueJS and Laravel development. They talk about what Laravel is, why they would recommend using it in conjunction with Vue, and the role Vue can hold in a Laravel application. They also touch on why Vue became popular in the Laravel community, the direction of Laravel in the future, and much more! In particular, we dive pretty deep on: Framework Summit Dan intro What is Laravel? History of Laravel and Vue working together Laracasts What would you recommend about Laravel? Laravel documentation Laravel Elixir Very minimal setup VueCasts.com What role does Vue have in a Laravel application? What is a single-page application? Building applications Vue can take over everything or just certain parts depending on what you want Built in Laravel tools to create API Why Vue became popular in the Laravel community Vue is straightforward and flexible Changes coming Direction or Laravel in the future Hybrid single-page applications And much, much more! Links: Framework Summit Vue Laravel Laracasts Laravel documentation Laravel Elixir VueCasts.com @danpastori DanPastori.com Dan’s GitHub Dan’s Medium Picks: Chris Pebble 2 Watch Codenames Vue Contributor Days Divya Oil Painting using HTML and CSS Video: Designing Tools for CSS Grid and Variable fonts Erik The Complete Software Developer's Career Guide by John Sonmez Crushing It! by Gary Vaynerchuk Joe Casio Outdoor Smart Watch Barking Up the Wrong Tree by Eric Barker Dan The Subtle Art of Not Giving a F*ck by Mark Manson Tribe of Mentors by Timothy Ferriss Special Guest: Dan Pastori. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris Fritz Erik Hanchett Divya Sasidharan Brett Nelson Joe Eames Special Guests: Roman Kuba In this episode of Views on Vue, the panelists discuss Vue testing with Roman Kuba. Roman is currently the senior software engineer at Codeship, where he pushes front-end development forward. He talks about his experience switching Cosdehip over to using Vue from Angular, how he completed this task and the pros to using Vue. The panel also touches on the importance of reading the source code and much more! In particular, we dive pretty deep on: Brett intro Roman intro Vue Using Vue in the front-end at Codeship Angular Transition from Angular to Vue How did you do the transition? CoffeeScript Did you find there were differences in how Vue integrated? Why did you choose Vue? Vue is nice to progress into Documentation was really well written Got a lot of great feedback from back-end engineers Did you have any concerns of its long-term viability? Read through a lot of the Vue source code Had template written in Slim Babble and TypeScript Vue is a progressive framework Time reading the source code JavaScript Would you recommend using the source code to other developers? What was your approach to reading the source code? And much, much more! Links: WIPdeveloper.com Codeship Vue Angular CoffeeScript Slim Babble TypeScript JavaScript @Codebryo Roman’s GitHub Picks: Chris We Have Concerns Podcast The Anthropocene Reviewed Podcast The Obelisk Gate by N. K. Jemisin Divya Thorsten’s post on a Vue implementation of React’s context API Vue Test Utils @Akryum Erik Testing Vue.js Applications by Edd Yerburgh Vue.js in Action by Erik Hanchett Joe Seven Languages in Seven Weeks by Bruce Tate Brett Flashforge Find 3D printer Last Shot (Star Wars) by Daniel José Older Roman Technology vs. Humanity by Gerd Leonhard Vue.js course to come on Packt Publishing Special Guest: Roman Kuba. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Divya Sasidharan Chris Fritz Special Guests: Eduardo San Martin Morote In this episode of Views on Vue, the panelists discuss “Vue Libraries, Open Source, Meetups” with Eduardo San Martin Morote. Eduardo is a freelance developer, a core team member of Vue.js, and loves contributing to open source. They talk about his many different open source component libraries, such as Vue-Coerce-Props and Vue-promised. They also touch on the use of templates versus using render functions and the difference between libraries and apps. In particular, we dive pretty deep on: Eduardo intro What’s the story behind the username “posva”? Distributing component libraries Vue-mdl What is a component library? What does mdl stand for? Libraries with buttons, modules, checkboxes, etc. Vuetify What other kind of community projects have you been working on? Vue-Coerce-Props What is coerce? Vue-promised Where is a situation where you would use Vue-promised? How did you come about to want to create Vue-promised? JavaScript He doesn’t use a template, he just uses render functions Jest Building components to build other libraries of components What are advantages to using templates over render functions? When building applications, he always uses templates What’s the difference between libraries and apps? And much, much more! Links: Vue.js Vue-mdl Vuetify Vue-Coerce-Props Vue-promised JavaScript Jest Eduardo’s GitHub @posva Picks: Chris The Witcher 3 Cyberpunk 2077 Gone Home Brothers The Stanley Parable Divya Vue Conf Talks Vue-jest La Casa de Papel TV Show Eduardo Typing Do freelancing Legend of Zelda Xbox 360 Controller Special Guest: Eduardo San Martin Morote. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Erik Hanchett Divya Sasidharan Chris Fritz Joe Eames Special Guests: Filipa Lacerda In this episode of Views on Vue, the panelists discuss building modal component with Filipa Lacerda. Filipa is a senior frontend engineer at GitLab and works with Vue daily. She wrote an article recently on creating reusable components that you can use multiple times in your application without having to rewrite your code. She stresses the fact that components should be simple and not too complex, that way they can be more accessible and reusable in the future. In particular, we dive pretty deep on: Divya intro Filipa intro Vue and GitLab What makes a component reusable? Main focus What do you see that people do wrong in components? Makes your reusable components as simple as possible Accessible components Planning components Steps to writing reusable components Testing Are there types of accessibility that aren’t handles by area? Seizures Rachel Nabors VueConf Talk How do you refine this for reusability and accessibility? Focus on the code itself How do you know if the component is too complex? GitLab style guide The need to be on the same page with code Do you have any tips how to discuss style? And much, much more! Links: GitLab Vue Filipa article Rachel Nabors VueConf Talk @FilipaLacerda Filipa’s GitHub Framework Summit Filipa’s Alligator Profile Filipa’s GitLab Picks: Charles Stimulus Framework Ethereum Block Chain Udemy Blockchain Course Erik Deception Roseanne Joe Exploring Zero Configuration With Vue by Andrew Thauer 7 Secret Patterns Vue Consultants Don’t Want You to Know talk by Chris Fritz Chris The Fifth Season by N K Jemisin Flash Forward Podcast Vue CLI 3 UI Divya Proxy Article The Three-Body Problem Book Series by Cixin Liu React 16.3 Filipa Remote Work Podcast Special Guest: Filipa Lacerda. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Divya Sasidharan Chris Fritz Special Guests: Nick Basile In this episode of Views on Vue, the panelists discuss getting started with TDD on Vue.js with Nick Basile. Nick defines what TDD and unit tests are and how you can use them to make your code better in the long run. They also discuss when using TDD wouldn’t be helpful and the importance of trial and error when it comes to tests. Nick then gives different resources newcomers to Jest can go to so that they can learn more and discusses Vue Test Utils. In particular, we dive pretty deep on: What does your setup look like? Vue.js Jest Have you used other tools other than Jest? Mocha What attracted you to Jest? Define TDD and unit tests What are examples of not helpful uses for TDD and unit tests? How to know when a test is being to be too specific Trial and error is very important when it comes to writing tests Try to stay away from really specific tests Asking questions when writing tests How likely is this going to break and change over time? Write tests as a way to self-document your own code Write tests for your future self Vue Test Utils Resources for people getting into Jest Testing Vue course Jest documentation What is Vue Test Utils? Have you worked with headless browsers? When wouldn’t you want to do TDD? And much, much more! Links: Vue.js Jest Mocha Vue Test Utils Testing Vue course Jest documentation Vue Enterprise Boilerplate Nick’s GitHub Nick-Basile.com @NickJBasile Picks: Chris Bobiverse Book Series Marble Olympics Divya Sarah Drasner Post Rick Bayless's Mexican Granola Mix Nick Refactoring UI Toast of London Vue Fundamentals course coming soon on VueSchool Special Guest: Nick Basile. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Joe Eames Erik Hanchett Chris Fritz Special Guests: Gleb Bahmutov In this episode of Views on Vue, the panelists discuss testing Vue.js with Cypress with Gleb Bahmutov. Gleb runs engineering at a small startup called Cypress, which is an end to end test runner.  They talk about what Cypress is, what end to end testing is, and the importance of test driven development. They also touch on the different Cypress features and how using it can help save you time in your testing. In particular, we dive pretty deep on: Gleb intro What is Cypress? Selenium Writing and running unit tests is easy, but could lead to problems You don’t want to waste too much of your time writing tests Test by need not by choice Cypress as a more reliable and easier test runner What is end to end testing? What kinds of testing can Cypress be used for? Deployed systems Test driven development Cypress provides a good testing environment Like the Cypress environment Cypress features Cypress runs in Chrome or Electron browser Are there times when you might want to do something framework specific in Cypress? Vue.js Test the dashboard using Cypress Creating a mock API Keep your end to end tests fast And much, much more! Links: Cypress Selenium Vue.js Gleb’s Website @Bahmutov Gleb’s GitHub Gleb’s Medium Picks: Charles Running With the Demon by Terry Brooks Liars: How Progressives Exploit Our Fears by Glenn Beck Erik Avatar: The Last Airbender Vuetify Video on Vuetify Vue Material Joe My Little Pony Tails of Equestria Santa Clarita Diet Chris Arrival (Stories of Your Life MTI) by Ted Chiang Proun Avatar: The Last Airbender Gleb Service Workers in Safari Renovate App Will be in Copenhagen, Denmark next month Special Guest: Gleb Bahmutov. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Cher Stewart Chris Fritz Special Guests: Ramsay Lanier In this episode of Views on Vue, the panelists discuss creating a Vue plugin with Ramsay Lanier. Ramsay is a front-end developer for Novetta and spends most of his time turning fancy data into cool visualizations. He originally got his start in programming with React and is a new convert over to Vue. He talks about why he decided to create his Vue plugin and what steps he took to create it. This episode is great for people wanting to learn more about plugins and when they can best be used. In particular, we dive pretty deep on: Ramsay intro Recent Vue convert Got his start with React Side project: WordExpress What is a Vue plugin? How do you get started creating a Vue plugin? Apollo GraphQL Parsing How did you know you needed a plugin? Don’t have to be an expert in Vue to create a plugin What was the most difficult part of building it? Getting started was the hardest part Vue Plugins Documentation Likes the Vue plugin implementation over React’s Wanted something convenient Shortcodes are what can be expanded upon Vue.use What does Vue.use accept? Instance vs Global methods? Any plugins that you really liked? Vue Router Did anything surprise you when looking up plugins? Vuex Plugin tests And much, much more! Links: Novetta Vue React WordExpress Apollo GraphQL Vue Plugins Documentation Vue Router plugin Vuex Ramsay’s GitHub RamsayLanier.com @Rmmsy Picks: Charles Bose SoundLink Headphones Cher Vue'do Sneaky Pete Chris Stories of Your Life and Others by Ted Chiang RimWorld New Component Docs Vim Vixen Vimium Ramsay Atlanta Monster Today, Explained Amazon Originals Sneaky Pete Electric Dreams Sea of Theives Special Guest: Ramsay Lanier. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Erik Hanchett Chris Fritz In this episode of Views on Vue, the panelists discuss Vue enterprise development with Chris Fritz. Chris is the curator for documentation on the Vue core team, works on a lot of tooling to help support Vue developers, and develops resources such as the Style Guide. They compare his Vue Enterprise Boilerplate to Nuxt and discuss the pros and cons to using each. Chris also discusses why he decided to create this boilerplate and how it has allowed him to skip to the interesting part of his job. In particular, we dive pretty deep on: Chris intro Vue Documentation Cookbooks Different “recipes” in the cookbook What is enterprise development? Provides flexibility Vue Enterprise Boilerplate vs Nuxt Vue CLI Where to start? The boilerplate can be used as a study guide in a way How do you pick the tools to create this? CSS vs SCSS Why he built the boilerplate Vue Resource Jest Vue Test Utils What should people think about when using the boilerplate? Tries to encourage what he’s seen work well What do you think of TypeScript support? And much, much more! Links: Vue Vue Style Guide Documentation Cookbooks Vue Enterprise Boilerplate Nuxt Vue CLI CSS SCSS Vue Resource Jest Vue Test Utils TypeScript Support Chris’s Patreon @ChrisVFritz Chris’s GitHub Picks: Charles Google Play Store for Podcast JavaScript Dev Summit to come soon Wheel of Time by Robert Jordan Ready Player One by Ernest Cline [email protected] @CMaxW Suggest Topics Erik Vue VS Code Extension Pack Chris Vue Conf US The Three-Body Problem by Cixin Liu Into the Breach Vue Vixens Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood John Papa Special Guests: Chris Fritz In this episode of Views on Vue, the panelists discuss Vue documentation with Chris Fritz. Chris is the curator for documentation on the Vue core team, works on a lot of tooling to help support Vue developers, and develops resources such as the Style Guide. They talk about what he is looking for when curating the documentation and what makes good documentation.  Chris originally had a background in teaching as a language teacher with a minor in computer science, and this experience helps him today teach people how to learn the Vue language. In particular, we dive pretty deep on: Chris intro Vue Vue Style Guide Vue outreach Very active community What are you looking for when curating the documentation? What makes good documentation? Humor in documentation Background in language teaching It’s hard to teach people how to communicate in the different computing languages How to strike balance Documentation is a product Have people look over what you’re writing Tried Vue in JavaScript and TypeScript Future documentation in the works Vue CLI Vue Enterprise Boilerplate Vue ecosystem is exploding Vue Guide Doesn’t mind rewriting things in order to get them right And much, much more! Links: Vue Vue Style Guide JavaScript TypeScript Vue CLI Vue Enterprise Boilerplate Vue Guide Chris’s Patreon @ChrisVFritz Chris’s GitHub Picks: Charles Black Panther His Forum DevChat.tv John Five Things YouTube Videos VS Code Chris Children of Time by Adrian Tchaikovsky Blindsight by Peter Watts Queer Eye Vue Conf US Special Guest: Chris Fritz. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Erik Hanchett In this episode of Views on Vue, the panelists discuss the Nuxt.js, which is a framework for creating universal Vue.js applications, and how you can use it with Vue. They express how flexible this framework is to use and talk about how easy it is to get started with it. They also touch on static site generators and the pros and cons to using these. They end the podcast discussing Erik’s book, Vue.js in Action, which is a beginner-intermediate book on Vue.js. In particular, we dive pretty deep on: What is Nuxt.js? Vue Next.js Nuxt.js has flexibility Nuxt.js features What is a universal Vue.js application? Use it for SEO or to get a faster page speed Server side rendering How hard is it to set up? Vue CLI His book Vue.js in Action Will you use this in your day job? Why use Nuxt.js? Jekyll and Gatsby Static site generators About his book Vue is easy to get started with And much, much more! Links: Nuxt.js Vue Next.js Vue CLI Vue.js in Action Jekyll Gatsby React Angular @ErikCH Picks: Charles Softcover Get a Coder Job Course Erik StaticGen.com Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Joe Eames Cher Stewart Erik Hanchett In this episode of Views on Vue, the panelists discuss how they each got into Vue and how you can go about learning Vue yourself. They really suggest utilizing the Vue website for tutorials and for help navigating the framework, especially in the beginning. They also discuss many great resources you can use to learn about this framework, especially if you are just starting out, and encourage you to look into them and get started on working with Vue! In particular, we dive pretty deep on: Panelist intros Progressive web apps How did you each get into Vue? Vue Ember.js Angular Not wanting to be outdated as a programmer React Recommendations for how to go about learning Vue Using the Vue website Udemy Vue course Vue.js Developers Vue.js news Vue Vixens VueConf US Framework Summit The importance of building a community across frameworks Build a To-Do App with Vue.js 2 Vue.js in Action by Erik Hanchett Sometimes it takes going through a couple books before finding what you really want How are people writing with Vue? Vue is very un-opinionated and progressive ES6 and TypeScript And much, much more! Links: Vue.js in Action by Erik Hanchett Framework Summit DevChat.tv React Round Up Vue Joe Eames Pluralsight Ember.js Angular React Udemy course Vue.js Developers Vue.js news Vue Vixens VueConf US Build a To-Do App with Vue.js 2 ES6 TypeScript @CodeHitchhiker @JosephEames @CMaxW Picks: Charles RE-20 Microphone ATR2100 Microphone Xenyx 802 Mixer Roland R-09 React Dev Summit Framework Summit Joe Counterpart Sagrada Board Game Cher Aquascaping Erik Keybase.io Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel:  Joe Eames Cher Stewart Special Guests: Evan You In this episode of Views on Vue, the panelists discuss the origin story of Vue with its creator Evan You. Evan was born in China and came to the US for college. He used to work at Google’s creative lab as a creative technologist and worked on Meteor. From there, he started to put more effort into Vue and switched over to Vue full-time. They talk with Evan about his thought processes behind creating Vue and how it has changed since its initial conception. In particular, we dive pretty deep on: Evan’s background What is Google’s creative lab? Meteor When did Vue start to blow up? Worked on a lot of prototypes at Google The inception of Vue Got his ideas from when he was working with Angular Dirty Checking What made him want to build his own framework What gave him the confidence to create Vue Started as an experiment Everything was added over time The scope grew gradually, not overnight High demand in the community What did the initial versions of Vue look like? Why did you name it Vue? Some planned promotion How did it blow up? The popularity of Vue And much, much more! Links: Evan’s GitHub Picks: Joe Linchpin: Are You Indispensable? by Seth Godin Cher Bullet Journal App Evan CodeSandbox Climbing VueConf US Special Guest: Evan You. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy