Erik Hanchett

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 &amp; 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! <h1>Sponsors </h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow" target="_blank">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://us.vuejs.org/" rel="nofollow" target="_blank">Vueconf US – May 24-26, 2023 in New Orleans, LA | Vue.js</a></li><li><a href="https://twitter.com/leemartin" rel="nofollow" target="_blank">Twitter: Lee Martin</a></li></ul> <h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/erikhanchett/" rel="nofollow" target="_blank">LinkedIn: Erik Hanchett </a></li><li>Twitter: <a href="https://twitter.com/ErikCH" rel="nofollow" target="_blank">ErikCH</a></li></ul> <h1>Picks</h1><ul><li>Erik - <a href="https://www.twitch.tv/aws" rel="nofollow" target="_blank">Twitch - AWS</a></li><li>Steve - <a href="https://codeium.com/blog/why-did-microsoft-build-vscode-github-copilot" rel="nofollow" target="_blank">Why did Microsoft Build VSCode? Turns out, GitHub Copilot.</a></li></ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VueConf 2023 Experience with Erik Hanchett - VUE 219

James Sinkala

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 &amp; 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, "<a href="https://jamesinkala.com/blog/nuxt-3-authentication-with-supabase/" rel="nofollow" target="_blank">Nuxt 3 authentication with Supabase</a>". He starts off by talking about his career and experiences as a developer. <h1>Sponsors </h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow" target="_blank">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://jamesinkala.com/blog/nuxt-3-authentication-with-supabase/" rel="nofollow" target="_blank">Nuxt 3 authentication with Supabase</a></li><li><a href="https://topenddevs.com/podcasts/views-on-vue/episodes/drawing-bacon-and-dad-jokes-with-david-neal-vue-200" rel="nofollow" target="_blank">Drawing, Bacon, and Dad Jokes With David Neal - VUE 200</a></li><li><a href="https://topenddevs.com/podcasts/views-on-vue/episodes/laravel-and-vue-with-taylor-otwell-vue-199" rel="nofollow" target="_blank">Laravel and Vue with Taylor Otwell - VUE 199</a></li></ul> <h1>Socials</h1><ul><li><a href="https://medium.com/@xinnks?source=user_profile-------------------------------------" rel="nofollow" target="_blank">James Sinkala</a> - Medium</li><li><a href="https://www.linkedin.com/in/jamesinkala/" rel="nofollow" target="_blank">LinkedIn: James Sinkala</a></li></ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Nuxt 3 Authentication Using Supabase with James Sinkala - VUE 218

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 &amp; 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.  <h1>On YouTube</h1><a href="https://youtu.be/yxah0Iiv-i4" rel="nofollow" target="_blank">Open-Source Library Tools with Erik Hanchett - VUE 217</a> <h1>Sponsors </h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow" target="_blank">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://amzn.to/3pykHss" rel="nofollow" target="_blank">Vue.js in Action</a></li></ul> <h1>Socials</h1><ul><li><a href="https://www.youtube.com/@ProgramWithErik" rel="nofollow" target="_blank">Program With Erik | YouTube</a></li></ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Open-Source Library Tools with Erik Hanchett - VUE 217

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 &amp; 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.  <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow" target="_blank">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://web3auth.io/" rel="nofollow" target="_blank">web3auth</a></li></ul> <h1>Socials</h1><ul><li><a href="https://css-tricks.com/author/daveatanda/" rel="nofollow" target="_blank">David Atanda</a></li><li><a href="https://twitter.com/Davidpreneur" rel="nofollow" target="_blank">Twitter: @Davidpreneur</a></li></ul> <h1>Picks</h1><ul><li>Steve - <a href="https://www.nytimes.com/2023/04/24/business/remote-work-feedback.html" rel="nofollow" target="_blank">What Young Workers Miss Without the ‘Power of Proximity’</a></li></ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Utilizing Web3 in Vue Apps for User Authentication - VUE 216

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 &amp; 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, "<a href="https://pragprog.com/titles/btlang/seven-languages-in-seven-weeks/#:~:text=Ruby%2C%20Io%2C%20Prolog%2C%20Scala,languages%20within%20a%20single%20book." rel="nofollow" target="_blank">Seven Languages in Seven Weeks"</a>. He also delves into some of the preparations and anticipations that come with reading the book.  <h1>Links</h1><ul><li><a href="https://pragprog.com/titles/btlang/seven-languages-in-seven-weeks/#:~:text=Ruby%2C%20Io%2C%20Prolog%2C%20Scala,languages%20within%20a%20single%20book." rel="nofollow" target="_blank">Seven Languages in Seven Weeks</a></li><li><a href="https://grox.io/" rel="nofollow" target="_blank">grox.io </a></li></ul> <h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/bruce-tate/" rel="nofollow" target="_blank">LinkedIn: Bruce Tate</a></li><li><a href="https://twitter.com/redrapids" rel="nofollow" target="_blank">Twitter: redrapids</a></li></ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Getting to Know Bruce A. Tate - BONUS

Giannis Koutsaftakis is a Senior Frontend Developer at Pequity. He joins the show with Steve to talk about, "Skeleton Loader using Vue &amp; 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 &amp; Opt-Out: https://redcircle.com/privacy

Giannis Koutsaftakis is a Senior Frontend Developer at Pequity. He joins the show with Steve to talk about, "<a href="https://dev.to/kouts/skeleton-loader-using-vue-tailwind-422a" rel="nofollow" target="_blank">Skeleton Loader using Vue &amp; Tailwind</a>". He begins by explaining Skeleton Loader and how it can improve user experience. He also talks about its advantages and disadvantages.  <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow" target="_blank">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/koutsaftakis/" rel="nofollow" target="_blank">LinkedIn: Giannis Koutsaftakis</a></li><li><a href="https://github.com/kouts" rel="nofollow" target="_blank">GitHub: kouts</a></li><li><a href="https://twitter.com/kouts_tweet" rel="nofollow" target="_blank">Twitter: @kouts_tweet</a></li></ul> <h1>Links</h1><ul><li><a href="https://tanstack.com/query/latest/docs/vue/overview" rel="nofollow" target="_blank">TanStack Query Docs</a></li><li><a href="https://vuejs.org/guide/reusability/composables.html#what-is-a-composable" rel="nofollow" target="_blank">What is a "Composable"?</a></li><li><a href="https://devstaff.gr/" rel="nofollow" target="_blank">DevStaff</a></li></ul> <h1>Picks</h1><ul><li>Giannis - <a href="https://twitter.com/jpschroeder/status/1643572815260536832?s=20" rel="nofollow" target="_blank">Justin Schroeder's tweet</a></li><li>Steve - <a href="https://incidentdatabase.ai/" rel="nofollow" target="_blank">AI Incident Database</a></li></ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Building Skeleton Loader with Vue and Tailwind - VUE 215

Jason Weimann

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 &amp; tutorialsProgrammer Course – game.coursesSocialsTwitter: @jweimannAdvertising Inquiries: https://redcircle.com/brandsPrivacy &amp; 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.  <h1>Links</h1><ul><li><a href="https://gamedevbeginner.com/courses/" rel="nofollow" target="_blank">Game development courses &amp; tutorials</a></li><li><a href="https://game.courses/programmer/" rel="nofollow" target="_blank">Programmer Course – game.courses</a></li></ul> <h1>Socials</h1><ul><li><a href="https://twitter.com/jweimann?lang=en" rel="nofollow" target="_blank">Twitter: @jweimann</a></li></ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Jason Weimann - Learn Video Game Development with Chuck - BONUS

Austin Gil

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 &amp; 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, "<a href="https://austingil.com/html-capture-attribute/" rel="nofollow" target="_blank">TIL: You Can Access A User’s Camera with Just HTML</a>". Moreover, they also talk about their perspective on what beginner developers should learn first if they're still starting out in the field.  <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow" target="_blank">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://austingil.com/resilient-applications-progressive-enhancement/" rel="nofollow" target="_blank">Make Beautifully Resilient Apps With Progressive Enhancement</a></li><li><a href="https://austingil.com/uploading-files-with-html/" rel="nofollow" target="_blank">How to Upload Files with HTML</a></li><li><a href="https://vuetensils.com/" rel="nofollow" target="_blank">Vuetensils</a></li><li><a href="https://austingil.com/html-capture-attribute/" rel="nofollow" target="_blank">TIL: You Can Access A User’s Camera with Just HTML</a></li><li><a href="https://austingil.com/resilient-applications-progressive-enhancement/" rel="nofollow" target="_blank">Make Beautifully Resilient Apps With Progressive Enhancement</a></li><li><a href="https://austingil.com/css-has-with-html-forms/" rel="nofollow" target="_blank">5 ways CSS :has() can make your HTML forms even better</a></li><li><a href="https://austingil.com/http-javascript-vs-html/" rel="nofollow" target="_blank">Conditional API Responses For JavaScript vs. HTML Forms</a></li><li><a href="https://austingil.com/cancel-duplicate-fetch-requests-in-javascript-enhanced-forms/" rel="nofollow" target="_blank">Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms</a></li><li><a href="https://austingil.com/how-to-build-html-forms-right-semantics/" rel="nofollow" target="_blank">How to Build HTML Forms Right: Semantics</a></li><li><a href="https://www.akamai.com/" rel="nofollow" target="_blank">Akamai</a></li><li><a href="https://vuetensils.com/" rel="nofollow" target="_blank">Vuetensils</a></li></ul> <h1>Socials</h1><ul><li><a href="https://austingil.com/" rel="nofollow" target="_blank">Austin Gil</a></li><li><a href="https://twitter.com/heyAustinGil" rel="nofollow" target="_blank">Twitter: @heyAustinGil</a></li><li><a href="https://www.linkedin.com/in/austingil/" rel="nofollow" target="_blank">LinkedIn: Austin G.</a></li></ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Vuetensils, HTML, HTML Forms with Austin Gil - VUE 214

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 &amp; 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.  <h1>On YouTube</h1><a href="https://youtu.be/a_ocYbgvh2o" rel="nofollow" target="_blank">UnoCSS with Erik Hanchett - VUE 213</a> <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow" target="_blank">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://uno.antfu.me/play/" rel="nofollow" target="_blank">UnoCSS</a></li><li><a href="https://github.com/unocss/unocss" rel="nofollow" target="_blank">unocss/unocss</a></li><li><a href="https://aws.amazon.com/amplify/?ef_id=CjwKCAjw586hBhBrEiwAQYEnHc5IjP71sTGKbh_7vggfgGZ_2PZ3zVFvYxeYqHh-_1wdWAmyydurMxoC5TwQAvD_BwE%3AG%3As&amp;s_kwcid=AL%214422%213%21647301910306%21p%21%21g%21%21amazon+amplify%2119621316587%21146396661100&amp;sc_channel=ps&amp;trk=27a2247d-3723-4d60-96c5-ac1d66981aa2" rel="nofollow" target="_blank">AWS Amplify - Develop Apps With AWS Amplify</a></li></ul> <h1>Socials</h1><ul><li><a href="http://www.programwitherik.com/" rel="nofollow" target="_blank">programwitherik.com </a></li><li><a href="https://www.youtube.com/@ProgramWithErik/videos" rel="nofollow" target="_blank">Program With Erik | YouTube</a></li><li><a href="https://www.linkedin.com/in/erikhanchett/" rel="nofollow" target="_blank">LinkedIn: Erik Hanchett</a></li><li>Twitter: <a href="https://twitter.com/ErikCH" rel="nofollow" target="_blank">ErikCH</a></li></ul> <h1>Picks</h1><ul><li>Erik - <a href="https://bardai.io/" rel="nofollow" target="_blank">Bard</a></li><li>Steve - <a href="https://jonathanturley.org/2023/04/06/defamed-by-chatgpt-my-own-bizarre-experience-with-artificiality-of-artificial-intelligence/" rel="nofollow" target="_blank">Defamed by ChatGPT: My Own Bizarre Experience with Artificiality of “Artificial Intelligence”</a></li></ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

UnoCSS with Erik Hanchett - VUE 213

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 &amp; 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. <h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/samfeeney/" rel="nofollow" target="_blank">LinkedIn: Sam Feeney</a></li></ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

How Do You Stop Hating Your Job? - BONUS

Vue is a growing front-end framework for web developments. Hear experts cover technologies and movements within the Vue community by talking to members of the open source and development community.

I absolutely LOVE this podcast! I haven&#39;t even written an application in Vue yet but having this podcast as a resource for learning, understanding, and envisioning Vue and its possibilities is invaluable. Thank you to all those involved for you time, effort, and dedication to the Vue project!

Can't get enough!!!

I want to like this podcast more, but often times the guest feel inexperienced in the subject they’re speaking about. The most recent Nuxt episode is a prime example. 

Still has some good commute listening value and with a few improvements could be very good.

Needs better guest

Vue is a growing front-end framework for web developments. Hear experts cover technologies and movements within the Vue community by talking to members of the open source and development community.

Views on Vue

Benjamin Hong

Panel:  Chris Fritz Eric Hatchet Divya Sasidharan Charles Max Wood Special Guest: Benjamin HongIn 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 UI0: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 people3: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 &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li>Chris Fritz</li> <li>Eric Hatchet</li> <li>Divya Sasidharan</li> <li>Charles Max Wood</li> </ul>Special Guest: Benjamin HongIn 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 <a href="https://www.telerik.com/kendo-ui" rel="nofollow" target="_blank">– Advertisement – Kendo UI</a>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 people3: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 <a href="https://vuex.vuejs.org" rel="nofollow" target="_blank">Vuex</a> and what was that like?5:30 – Guest: We had to move into module-esque anyways.5:42 – Panel: You probably have <a href="https://vuex.vuejs.org" rel="nofollow" target="_blank">Vuex</a> 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 <a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">– Advertisement – Get A Coder Job!</a>30:02 – Panel: Can you talk about <a href="https://vuepress.vuejs.org" rel="nofollow" target="_blank">VuePress,</a> please?30:06 – Guest: Yeah!The guest talks about <a href="https://vuepress.vuejs.org" rel="nofollow" target="_blank">VuePress</a> in-detail!31:21 – Chuck.31:25 – Panel.31:44 – Chuck: I am curious about this – what’s the difference between <a href="https://vuepress.vuejs.org" rel="nofollow" target="_blank">VuePress</a> and <a href="https://nuxtjs.org" rel="nofollow" target="_blank">Nuxt</a>?31:58 – Guest answers the question.32:19 – Chris adds his comments into this topic (<a href="https://vuepress.vuejs.org" rel="nofollow" target="_blank">VuePress</a> and <a href="https://nuxtjs.org" rel="nofollow" target="_blank">Nuxt</a>).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 <a href="https://www.meetup.com" rel="nofollow" target="_blank">Meetups</a> 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 <a href="https://www.meetup.com" rel="nofollow" target="_blank">Meetup</a> 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: <a href="https://www.bencodezen.io" rel="nofollow" target="_blank">BenCodeZen!</a>48:40 –<a href="https://www.freshbooks.com/?adgroupid=51893696397&amp;ag=%255Bfreshbooks%255D&amp;camp=US%2528SEM%2529Branded%257CEXM&amp;campaignid=717543354&amp;crid=284659279616&amp;dv=c&amp;gclid=EAIaIQobChMI1uiA0Jas3gIVirrACh04fwTjEAAYASAAEgJxqvD_BwE&amp;gclsrc=aw.ds&amp;kw=freshbooks&amp;kwid=kwd-298507762065&amp;ntwk=g&amp;ref=ppc-na-fb&amp;source=GOOGLE" rel="nofollow" target="_blank"> Advertisement – Fresh Books! DEVCHAT code. 30-day trial.</a>Links:<ul> <li><a href="https://vuejs.org" rel="nofollow" target="_blank">Vue</a></li> <li><a href="https://reactjs.org" rel="nofollow" target="_blank">React</a></li> <li><a href="https://angular.io" rel="nofollow" target="_blank">Angular</a></li> <li><a href="https://www.javascript.com" rel="nofollow" target="_blank">JavaScript</a></li> <li><a href="https://devchat.tv" rel="nofollow" target="_blank">DevChat TV</a></li> <li><a href="https://graphql.org" rel="nofollow" target="_blank">Graph QL</a></li> <li><a href="https://vuepress.vuejs.org" rel="nofollow" target="_blank">VuePress</a></li> <li><a href="https://nuxtjs.org" rel="nofollow" target="_blank">Nuxt</a></li> <li><a href="https://www.meetup.com" rel="nofollow" target="_blank">Meetup</a></li> <li><a href="https://www.meetup.com/Fullstack-JavaScript-Chicago/" rel="nofollow" target="_blank">1 Chicago Meetup for Fullstack JavaScript</a></li> <li><a href="https://www.linkedin.com/in/hongb1" rel="nofollow" target="_blank">Ben’s LinkedIn</a></li> <li><a href="https://www.bencodezen.io" rel="nofollow" target="_blank">Ben’s Website</a></li> <li><a href="https://twitter.com/bencodezen?lang=en" rel="nofollow" target="_blank">Ben’s Twitter</a></li> <li><a href="https://devchat.tv/my-javascript-story/mjs-082-benjamin-hong/" rel="nofollow" target="_blank">DevChat TV Past Episode with Benjamin Hong (MJS 082)</a></li> </ul>Sponsors:<ul> <li><a href="https://www.freshbooks.com/?adgroupid=51893696397&amp;ag=%255Bfreshbooks%255D&amp;camp=US%2528SEM%2529Branded%257CEXM&amp;campaignid=717543354&amp;crid=284659279616&amp;dclid=COL6yu3Em94CFRi8TwodLnkP0A&amp;dv=c&amp;gclid=EAIaIQobChMI6NHV7MSb3gIVh7bACh0hhAD5EAAYASAAEgI9K_D_BwE&amp;gclsrc=aw.ds&amp;kw=freshbooks&amp;kwid=kwd-298507762065&amp;ntwk=g&amp;ref=ppc-na-fb&amp;source=GOOGLE" rel="nofollow" target="_blank">Fresh Books</a></li> <li><a href="https://www.cachefly.com" rel="nofollow" target="_blank">Cache Fly</a></li> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_campaign=dt-kendo-ang2-nov16&amp;utm_content=audio&amp;utm_medium=cpm&amp;utm_source=adventuresinng" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get A Coder Job!</a></li> </ul>Picks:Divya<ul> <li>Creator Summit </li> </ul>Chris<ul> <li><a href="https://devchat.tv/" rel="nofollow" target="_blank">“Chuck”</a></li> <li>Take a break when traveling to conferences and such</li> <li><a href="https://www.amazon.com/Vue-js-Action-Eric-Hanchett/dp/1617294624" rel="nofollow" target="_blank">Vue.js in Action</a></li> </ul>Eric<ul> <li><a href="https://stackblitz.com/" rel="nofollow" target="_blank">Stackblitz</a></li> </ul>Charles<ul> <li><a href="https://www.amazon.com/ONE-Thing-Surprisingly-Extraordinary-Results-ebook/dp/B00C1BHQXK/ref=sr_1_1?ie=UTF8&amp;keywords=the+one+thing&amp;qid=1541984885&amp;sr=8-1" rel="nofollow" target="_blank">The One Thing </a></li> <li><a href="https://self-publishingschool.com/" rel="nofollow" target="_blank">Self Publishing School</a></li> </ul>Ben<ul> <li><a href="https://www.ted.com/talks/elizabeth_gilbert_on_genius?language=en" rel="nofollow" target="_blank">Ted Talk by Elizabeth Gilbert</a></li> <li><a href="https://www.vuemeetups.org/" rel="nofollow" target="_blank">Vue.js Meetups </a></li> </ul>Special Guest: Ben Hong. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 037: Vuex, VuePress and Nuxt with Benjamin Hong

Alexander Lichter

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 LichterSummaryAlexander 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  PicksJoe 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 &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li> <a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">KendoUI</a> </li> <li> <a href="http://sentry.io" rel="nofollow" target="_blank">Sentry</a> use the code "devchat" for 2 months free on Sentry small plan </li> <li> <a href="https://triplebyte.com/vue" rel="nofollow" target="_blank">TripleByte</a> </li> <li> <a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a> </li> </ul><h3>Panel</h3><ul> <li> Joe Eames </li> <li> Charles Max Wood </li> </ul>Joined by Special Guest: Alexander Lichter<h3>Summary</h3>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. <h3>Links</h3><ul> <li> <a href="https://school.programwitherik.com/p/create-awesome-vue-js-apps-with-nuxt-js" rel="nofollow" target="_blank">https://school.programwitherik.com/p/create-awesome-vue-js-apps-with-nuxt-js</a> </li> <li> <a href="https://devchat.tv/dev-rev/" rel="nofollow" target="_blank">https://devchat.tv/dev-rev/</a> </li> <li> <a href="https://nuxtjs.org/" rel="nofollow" target="_blank">https://nuxtjs.org/</a> </li> <li> <a href="https://vueschool.io/" rel="nofollow" target="_blank">https://vueschool.io/</a> </li> <li> <a href="https://www.lichter.io/" rel="nofollow" target="_blank">https://www.lichter.io/</a> </li> <li> <a href="https://twitter.com/TheAlexLichter" rel="nofollow" target="_blank">https://twitter.com/TheAlexLichter</a> </li> <li> <a href="https://github.com/manniL" rel="nofollow" target="_blank">https://github.com/manniL</a> </li> <li> <a href="https://www.facebook.com/ViewsonVue/" rel="nofollow" target="_blank">https://www.facebook.com/ViewsonVue</a> </li> <li> <a href="https://twitter.com/viewsonvue" rel="nofollow" target="_blank">https://twitter.com/viewsonvue</a> </li> </ul><h3>Picks</h3>Joe Eames:<ul> <li> <a href="https://vueschool.io/" rel="nofollow" target="_blank">https://vueschool.io/</a> </li> <li> <a href="https://serviceworkies.com/" rel="nofollow" target="_blank">https://serviceworkies.com/</a> </li> </ul>Charles Max Wood:<ul> <li> Disney Heroes: Battle Mode </li> <li> <a href="https://www.amazon.com/Immortal-Nicholas-Glenn-Beck/dp/1476798842/ref=sr_1_3?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">The Immortal Nicholas</a> </li> </ul>Alexander Lichter:<ul> <li> <a href="http://www.brainerrors.com/anchoringeffect-gandhi.php" rel="nofollow" target="_blank">http://www.brainerrors.com/anchoringeffect-gandhi.php</a> </li> <li> <a href="https://medium.com/@vipercodegames/nuxt-deploy-809eda0168fc" rel="nofollow" target="_blank">https://medium.com/@vipercodegames/nuxt-deploy-809eda0168fc</a> </li> </ul><ul> <li> </li> </ul> Special Guest: Alexander Lichter. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 044: Nuxt.js with Alexander Lichter

Sarah Drasner

Panel:  Divya Sasidharan Charles Max Wood Joe Eames John Papa Chris Fritz Erik Hanchett Special Guest: Sarah DrasnerIn 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 &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li><a href="https://www.linkedin.com/in/shortdiv" rel="nofollow" target="_blank">Divya Sasidharan</a></li> <li><a href="https://twitter.com/cmaxw?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Charles Max Wood</a></li> <li><a href="https://twitter.com/josepheames?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Joe Eames</a></li> <li><a href="https://www.linkedin.com/in/papajohn" rel="nofollow" target="_blank">John Papa</a></li> <li><a href="https://twitter.com/chrisvfritz?lang=en" rel="nofollow" target="_blank">Chris Fritz</a></li> <li><a href="https://twitter.com/erikch?lang=en" rel="nofollow" target="_blank">Erik Hanchett</a></li> </ul>Special Guest: <a href="https://twitter.com/sarah_edo?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Sarah Drasner</a>In this episode, the panel talks with <a href="https://twitter.com/sarah_edo?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Sarah Drasner</a>, and John Papa is my boss! Sarah talks about the <a href="https://opencollective.com/vuejs" rel="nofollow" target="_blank">Vue</a> 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 <a href="https://www.smashingmagazine.com/2018/02/jquery-vue-javascript/" rel="nofollow" target="_blank">February article</a>, 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 <a href="https://opencollective.com/vuejs" rel="nofollow" target="_blank">Vue</a> 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 – <a href="https://twitter.com/sarah_edo?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Sarah</a>: 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 – <a href="https://twitter.com/sarah_edo?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Sarah</a>: 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 – <a href="https://twitter.com/sarah_edo?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Sarah Drasner</a>: 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 – <a href="https://twitter.com/sarah_edo?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Sarah Drasner</a>: 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 – <a href="https://twitter.com/sarah_edo?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Sarah Drasner</a>: 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 – <a href="http://codebadge.org/" rel="nofollow" target="_blank">E-Book Code Badges!</a>53:12 – Picks!Links:<ul> <li><a href="https://www.javascript.com" rel="nofollow" target="_blank">JavaScript</a></li> <li><a href="https://rubyonrails.org" rel="nofollow" target="_blank">Ruby on Rails</a></li> <li><a href="https://www.upwork.com/ppc/landing/?ct=Programmers&amp;gclid=EAIaIQobChMIuK2B156s3QIVRtbACh0u7wcBEAAYAiAAEgK66_D_BwE&amp;hl=Top%2520Rated%2520AngularJS%2520Programmers&amp;query=AngularJS&amp;vt_med=provenD2" rel="nofollow" target="_blank">Angular</a></li> <li><a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Digital Ocean</a></li> <li><a href="http://codebadge.org/" rel="nofollow" target="_blank">Code Badge</a></li> <li><a href="https://www.notion.so/0ccd3ccbb2c44de6b3c0e3dac93e0de1" rel="nofollow" target="_blank">Notion</a></li> <li><a href="https://opencollective.com/vuejs" rel="nofollow" target="_blank">Vue</a></li> <li><a href="https://www.smashingmagazine.com/2018/02/jquery-vue-javascript/" rel="nofollow" target="_blank">Sarah Drasner’s Article</a></li> <li><a href="https://twitter.com/sarah_edo?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Sarah Drasner’s Twitter</a></li> <li><a href="https://sarahdrasnerdesign.com" rel="nofollow" target="_blank">Sarah Drasner’s Website</a></li> <li><a href="https://github.com/sdras" rel="nofollow" target="_blank">Sarah Drasner’s GitHub</a></li> <li><a href="https://www.linkedin.com/in/sarahdrasner" rel="nofollow" target="_blank">Sarah Drasner’s LinkedIn</a></li> <li><a href="https://www.linkedin.com/in/sarahdrasner" rel="nofollow" target="_blank">Sarah Drasner’s CSS-Tricks</a></li> <li><a href="https://medium.com/@sarah_edo" rel="nofollow" target="_blank">Sarah Drasner’s Medium</a></li> </ul>Sponsors:<ul> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_campaign=dt-kendo-ang2-nov16&amp;utm_content=audio&amp;utm_medium=cpm&amp;utm_source=adventuresinng" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Digital Ocean</a></li> <li><a href="http://codebadge.org/" rel="nofollow" target="_blank">Code Badge</a></li> <li><a href="https://www.cachefly.com" rel="nofollow" target="_blank">Cache Fly</a></li> </ul>Picks:<a href="https://www.linkedin.com/in/shortdiv" rel="nofollow" target="_blank">Divya Sasidharan</a><ul> <li><a href="https://css-tricks.com/build-a-state-management-system-with-vanilla-javascript/" rel="nofollow" target="_blank">Article - Build a State Management </a></li> <li><a href="https://twobithistory.org/2018/08/05/where-vim-came-from.html" rel="nofollow" target="_blank">Article - Where Vim Came From?</a></li> </ul><a href="https://twitter.com/chrisvfritz?lang=en" rel="nofollow" target="_blank">Chris Fritz</a><ul> <li>Dev Tools – Routing Tab and others</li> <li><a href="https://opencollective.com/vuejs" rel="nofollow" target="_blank">Open Collective</a></li> </ul><a href="https://twitter.com/sarah_edo?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Sarah Drasner</a><ul> <li><a href="https://twitter.com/noopkat?lang=en" rel="nofollow" target="_blank">My friend’s speech / coworker, Ozcon</a></li> <li>Conference in Kenya the following year!</li> </ul><a href="https://twitter.com/erikch?lang=en" rel="nofollow" target="_blank">Erik Hanchett</a><ul> <li><a href="https://www.fidgetspin.xyz" rel="nofollow" target="_blank">Fidget Spinner</a></li> <li><a href="https://coder.com" rel="nofollow" target="_blank">Coder.Com</a></li> </ul><a href="https://twitter.com/cmaxw?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Charles Max Wood</a><ul> <li><a href="http://codebadge.org/" rel="nofollow" target="_blank">Code Badge</a></li> <li><a href="https://www.notion.so" rel="nofollow" target="_blank">Notion.So</a></li> </ul>Special Guest: Sarah Drasner. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 029: Vue with Sarah Drasner

Filipa Lacerda

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  PicksErik 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 &amp; 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<ul> <li> Ben Hong </li> <li> Ari Clark </li> <li> Erik Hanchett </li> </ul> Guest<ul> <li> Filipa Lacerda </li> </ul>Sponsors<ul> <li> <a href="http://devchat.tv/tidelift" rel="nofollow" target="_blank">Tidelift</a> </li> <li> <a href="https://sentry.io/" rel="nofollow" target="_blank">Sentry.io</a> use code “devchat” for 2 months free </li> <li> <a href="https://devchat.tv/my-angular-story/" rel="nofollow" target="_blank">My Angular Story</a> </li> </ul>Links<ul> <li> <a href="https://gitlab.com/" rel="nofollow" target="_blank">Gitlab</a> </li> <li> <a href="https://vuex.vuejs.org/" rel="nofollow" target="_blank">Vuex</a> </li> <li> <a href="https://reactjs.org/" rel="nofollow" target="_blank">React</a> </li> <li> <a href="https://gitlab.com/gitlab-org/gitlab-ui" rel="nofollow" target="_blank">gitlab-ui</a> </li> <li> <a href="https://www.meltano.com/?gclid=Cj0KCQjwl8XtBRDAARIsAKfwtxAaxbQ2iT4g0WqRa41gXSvB1h2cQsrmzt0L1qNiUi9z8MEQmW3ENRwaApauEALw_wcB" rel="nofollow" target="_blank">Meltano</a> </li> <li> <a href="http://filipa.gitlab.io/" rel="nofollow" target="_blank">Filipa’s Website</a> </li> <li> <a href="https://twitter.com/filipalacerda?lang=en" rel="nofollow" target="_blank">Filipa Lacerda Twitter</a> </li> <li> <a href="https://github.com/filipalacerda" rel="nofollow" target="_blank">Filipa Lacerda Github</a> </li> <li> <a href="https://gitlab.com/filipa" rel="nofollow" target="_blank">Filipa Lacerda Gitlab</a> </li> </ul>PicksErik Hanchett<ul> <li> <a href="https://nuxtjs.org/" rel="nofollow" target="_blank">Nuxt</a> </li> <li> <a href="https://graphql.org/" rel="nofollow" target="_blank">GraphQL</a> </li> <li> <a href="https://www.typescriptlang.org/" rel="nofollow" target="_blank">TypeScript</a> </li> </ul>Ari Clark<ul> <li> <a href="https://en.wikipedia.org/wiki/The_Earth_Is_Not_a_Cold_Dead_Place" rel="nofollow" target="_blank">Explosions in the Sky - The Earth Is Not a Cold Dead Place</a> </li> <li> <a href="https://www.psychologytoday.com/us/blog/pieces-mind/201207/radical-acceptance" rel="nofollow" target="_blank">Radical Acceptance</a> </li> </ul>Filipa Lacerda<ul> <li> <a href="https://remote-shift.com/" rel="nofollow" target="_blank">Remote Shift</a> </li> <li> <a href="https://systemofadown.com/" rel="nofollow" target="_blank">System of a Down</a> </li> </ul>Ben Hong<ul> <li> <a href="https://open.spotify.com/album/3c0Uy2iMgkfZGRwi35XbzS" rel="nofollow" target="_blank">Landslide by Dagny</a> </li> <li> <a href="https://www.goodreads.com/book/show/46003901-anxiety-is-the-dizziness-of-freedom" rel="nofollow" target="_blank">Anxiety Is The Dizziness of Freedom by Ted Chiang</a> </li> </ul>Special Guest: Filipa Lacerda. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 085: The Good, the Bad, and the Ugly with Filipa Lacerda

Dobromir Hristov

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 HristovEpisode 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 &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors:</h2><ul> <li><a href="http://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a></li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan</li> <li><a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a></li> </ul><h3>Panel</h3><ul> <li>Divya Sasidharan</li> <li>Chris Fritz</li> <li>Charles Max Wood</li> </ul>Special Guest: Dobromir Hristov<h3>Episode Summary </h3>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 <a href="https://vuebulgaria.com/" rel="nofollow" target="_blank">VueJS Bulgaria</a> 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 <a href="https://github.com/dobromir-hristov/vue-beginner-workshop" rel="nofollow" target="_blank">GitHub</a> 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.<h3>Links</h3><ul> <li><a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue.js</a></li> <li><a href="https://twitter.com/d_m_hristov" rel="nofollow" target="_blank">Dobromir’s Twitter</a></li> <li><a href="https://github.com/dobromir-hristov" rel="nofollow" target="_blank">Dobromir's GitHub</a></li> <li><a href="https://medium.com/@dobromir_hristov" rel="nofollow" target="_blank">Dobromir's Medium</a></li> <li><a href="https://github.com/dobromir-hristov/vue-beginner-workshop" rel="nofollow" target="_blank">Dobromir's Workshop on GitHub</a></li> <li><a href="https://vuebulgaria.com/" rel="nofollow" target="_blank">VueJS Bulgaria</a></li> <li><a href="https://dobromir-hristov.github.io/vuelidate-error-extractor/" rel="nofollow" target="_blank">Vuelidate Error Extractor</a></li> <li><a href="https://www.facebook.com/events/1961707377247690/" rel="nofollow" target="_blank">Vue.js Beginners Workshop Facebook</a></li> <li><a href="https://medium.com/hypefactors/a-brief-review-of-vue-learning-resources-state-of-2018-9f9ea0a08a89" rel="nofollow" target="_blank">Dobromir's Blog Post: A brief review of Vue learning resources — State of 2018</a></li> <li><a href="http://www.slides.com" rel="nofollow" target="_blank">Slides</a></li> <li><a href="https://vueschool.io/" rel="nofollow" target="_blank">VueSchool</a></li> <li><a href="https://dopamine.bg/" rel="nofollow" target="_blank">Dopamine</a></li> <li><a href="https://www.vuemastery.com/" rel="nofollow" target="_blank">Vue Mastery</a></li> <li><a href="https://github.com/sdras/intro-to-vue" rel="nofollow" target="_blank">Intro To Vue</a></li> <li><a href="https://slides.com/chrisvfritz/proven-patterns-2018-11" rel="nofollow" target="_blank">Chris' Slides</a></li> <li><a href="https://frontendmasters.com/teachers/sarah-drasner/" rel="nofollow" target="_blank">Sarah Drasner</a></li> <li><a href="https://www.google.com/search?aqs=chrome.0.35i39j69i57.4328j0j4&amp;ie=UTF-8&amp;oq=project+voice+from+dia&amp;q=project+voice+from+diaphragm&amp;sourceid=chrome" rel="nofollow" target="_blank">Project voice from diaphragm</a></li> <li><a href="https://twitter.com/mhartington" rel="nofollow" target="_blank">https://twitter.com/mhartington</a></li> <li><a href="https://www.facebook.com/ViewsonVue/" rel="nofollow" target="_blank">https://www.facebook.com/ViewsonVue/</a></li> <li><a href="https://twitter.com/viewsonvue" rel="nofollow" target="_blank">https://twitter.com/viewsonvue</a></li> </ul><h3>Picks:</h3>Divya Sasidharan:<ul> <li><a href="https://www.goodreads.com/book/show/27272632-summerland" rel="nofollow" target="_blank">Summerland by Hannu Rajaniemi</a></li> <li><a href="https://www.goodreads.com/book/show/218062.Making_and_Breaking_the_Grid?from_search=true" rel="nofollow" target="_blank">Making and Breaking the Grid: A Graphic Design Layout Workshop by Timothy Samara</a></li> <li><a href="https://vimeo.com/296790813" rel="nofollow" target="_blank">Sarah Soueidan</a></li> </ul>Chris Fritz:<ul> <li><a href="https://opencollective.com/vuejs" rel="nofollow" target="_blank">https://opencollective.com/vuejs</a></li> <li><a href="http://www.vueconf.us/workshops/" rel="nofollow" target="_blank">http://www.vueconf.us/workshops/</a></li> <li><a href="https://www.patreon.com/vuevixens" rel="nofollow" target="_blank">https://www.patreon.com/vuevixens</a></li> </ul>Charles Max Wood:<ul> <li><a href="https://youtu.be/xoxhDk-hwuo" rel="nofollow" target="_blank">Fart Bomb</a></li> <li><a href="https://github.com/cmaxw/devchat-eleventy" rel="nofollow" target="_blank">Charles' GitHub: New devchat.tv Build on Eleventy</a></li> </ul> Dobromir Hristov:<ul> <li><a href="https://www.manning.com/books/testing-vue-js-applications" rel="nofollow" target="_blank">Testing Vue.js Applications by Edd Yerburgh</a></li> <li><a href="https://leanpub.com/testingvuejscomponentswithjest" rel="nofollow" target="_blank">Testing Vue.js components with Jest by Alex Morales</a></li> <li><a href="https://itunes.apple.com/us/app/ditto-keyboard/id944421992?mt=8" rel="nofollow" target="_blank">Ditto Keyboard App</a></li> <li><a href="https://gyazo.com/en" rel="nofollow" target="_blank">Gyazo</a></li> <li><a href="https://slides.com/features" rel="nofollow" target="_blank">Slides</a></li> </ul> Special Guest: Dobromir Hristov. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 048: Vue Beginners Workshop with Dobromir Hristov

Guillaume Chau

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 UI1: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 &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li>Joe Eames</li> <li>Chris Fritz</li> <li>Divya Sasidharan</li> </ul>Special Guest: <a href="https://www.linkedin.com/in/guillaumechau" rel="nofollow" target="_blank">Guillaume Chau </a>In this episode, the panel talks with <a href="https://www.linkedin.com/in/guillaumechau" rel="nofollow" target="_blank">Guillaume Chau</a> 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 <a href="https://www.telerik.com/kendo-ui" rel="nofollow" target="_blank">– Advertisement – Kendo UI</a>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 – <a href="https://twitter.com/Akryum?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Guest:</a> 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). <a href="https://vuejs.london/talks/" rel="nofollow" target="_blank">In London I talked about server less functions with...</a>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 <a href="https://graphql.org" rel="nofollow" target="_blank">graph QL</a> – 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 <a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">– Advertisement – Get A Coder Job!</a>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 –<a href="https://www.freshbooks.com/?adgroupid=51893696397&amp;ag=%255Bfreshbooks%255D&amp;camp=US%2528SEM%2529Branded%257CEXM&amp;campaignid=717543354&amp;crid=284659279616&amp;dv=c&amp;gclid=EAIaIQobChMI1uiA0Jas3gIVirrACh04fwTjEAAYASAAEgJxqvD_BwE&amp;gclsrc=aw.ds&amp;kw=freshbooks&amp;kwid=kwd-298507762065&amp;ntwk=g&amp;ref=ppc-na-fb&amp;source=GOOGLE" rel="nofollow" target="_blank"> Advertisement – Fresh Books! DEVCHAT code. 30-day trial.</a>Links:<ul> <li><a href="https://vuejs.org" rel="nofollow" target="_blank">Vue</a></li> <li><a href="https://cli.vuejs.org" rel="nofollow" target="_blank">VUE CLI 3</a></li> <li><a href="https://www.npmjs.com/package/vue-cli" rel="nofollow" target="_blank">Vue CLI – NPM</a></li> <li><a href="https://reactjs.org" rel="nofollow" target="_blank">React</a></li> <li><a href="https://angular.io" rel="nofollow" target="_blank">Angular</a></li> <li><a href="https://www.javascript.com" rel="nofollow" target="_blank">JavaScript</a></li> <li><a href="https://devchat.tv" rel="nofollow" target="_blank">DevChat TV</a></li> <li><a href="https://infrequently.org/2018/09/the-developer-experience-bait-and-switch/?mc_cid=796f819484&amp;mc_eid=925d8efdf6" rel="nofollow" target="_blank">Article: Infrequently Noted</a></li> <li><a href="https://www.pluralsight.com/courses/vuejs-fundamentals" rel="nofollow" target="_blank">Vue.js Fundamentals</a></li> <li><a href="https://getkap.co" rel="nofollow" target="_blank">GetKap</a></li> <li><a href="https://snipcart.com/blog/vue-js-plugin" rel="nofollow" target="_blank">Snipcart</a></li> <li><a href="https://www.netlify.com/blog/2018/09/26/how-we-built-a-vue-cli-plugin-for-netlify-lambda/" rel="nofollow" target="_blank">Netlify</a></li> <li><a href="https://webpack.js.org" rel="nofollow" target="_blank">Webpack.js</a></li> <li><a href="https://vuejs.london/talks" rel="nofollow" target="_blank">Guillaume Chau’s Vue.JS LONDON</a></li> <li><a href="https://twitter.com/Akryum?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Guillaume Chau’s Twitter</a></li> <li><a href="https://www.linkedin.com/in/guillaumechau" rel="nofollow" target="_blank">Guillaume Chau’s LinkedIn</a></li> <li><a href="https://github.com/Akryum" rel="nofollow" target="_blank">Guillaume Chau’s GitHub</a></li> <li><a href="https://github.com/Akryum?tab=repositories" rel="nofollow" target="_blank">Guillaume Chau’s GitHub Repositories</a></li> <li><a href="https://www.patreon.com/akryum" rel="nofollow" target="_blank">Guillaume Chau’s ABOUT in Patreon.com</a></li> <li><a href="https://medium.com/@Akryum" rel="nofollow" target="_blank">Guillaume Chau’s Medium</a></li> <li><a href="https://guillaume-chau.info" rel="nofollow" target="_blank">Guillaume Chau’s Info</a></li> <li><a href="https://vuejs.london/talks/" rel="nofollow" target="_blank">Divya’s London Talk</a></li> <li><a href="https://webpack.js.org/configuration/" rel="nofollow" target="_blank">Webpack – Configurations</a></li> <li><a href="https://graphql.org" rel="nofollow" target="_blank">Graph QL</a></li> </ul>Sponsors:<ul> <li><a href="https://www.freshbooks.com/?adgroupid=51893696397&amp;ag=%255Bfreshbooks%255D&amp;camp=US%2528SEM%2529Branded%257CEXM&amp;campaignid=717543354&amp;crid=284659279616&amp;dclid=COL6yu3Em94CFRi8TwodLnkP0A&amp;dv=c&amp;gclid=EAIaIQobChMI6NHV7MSb3gIVh7bACh0hhAD5EAAYASAAEgI9K_D_BwE&amp;gclsrc=aw.ds&amp;kw=freshbooks&amp;kwid=kwd-298507762065&amp;ntwk=g&amp;ref=ppc-na-fb&amp;source=GOOGLE" rel="nofollow" target="_blank">Fresh Books</a></li> <li><a href="https://www.cachefly.com" rel="nofollow" target="_blank">Cache Fly</a></li> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_campaign=dt-kendo-ang2-nov16&amp;utm_content=audio&amp;utm_medium=cpm&amp;utm_source=adventuresinng" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get A Coder Job!</a></li> </ul>Picks:Joe<ul> <li><a href="https://www.pluralsight.com/courses/vuejs-fundamentals" rel="nofollow" target="_blank">VueJS Fundamentals </a></li> <li><a href="https://infrequently.org/2018/09/the-developer-experience-bait-and-switch/" rel="nofollow" target="_blank">Developer Experience Bait and Switch</a></li> </ul>Divya<ul> <li><a href="https://getkap.co/" rel="nofollow" target="_blank">Get Kap</a></li> <li><a href="https://snipcart.com/blog/vue-js-plugin" rel="nofollow" target="_blank">Snipcart</a></li> <li><a href="https://www.netlify.com/blog/2018/09/26/how-we-built-a-vue-cli-plugin-for-netlify-lambda/" rel="nofollow" target="_blank">How we built a Due CLI Plugin for Netlify Lambda</a></li> </ul>Chris<ul> <li>Meditation</li> <li>Gratefulness</li> </ul>Guillaume<ul> <li>Exercise</li> <li><a href="https://www.whats-on-netflix.com/news/amazons-the-expanse-is-leaving-netflix/" rel="nofollow" target="_blank">The Expanse</a></li> </ul>Special Guest: Guillaume Chau. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 036: Vue CLI UI and Devtools with Guillaume Chau

Sebastien Chopin

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  PicksAri 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 &amp; 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 <a href="http://NuxtJS.org" rel="nofollow" target="_blank">NuxtJS.org</a> 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<ul> <li> Ben Hong </li> <li> Ari Clark </li> </ul> Guest<ul> <li> Sebastien Chopin </li> </ul>Sponsors<ul> <li> <a href="https://tidelift.com/" rel="nofollow" target="_blank">Tidelift</a> </li> <li> <a href="https://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use code “devchat” for two months free </li> <li> <a href="https://devchat.tv/js-jabber/" rel="nofollow" target="_blank">JavaScript Jabber</a> </li> </ul>Links<ul> <li> <a href="https://nuxtjs.org/" rel="nofollow" target="_blank">Nuxt.JS</a> </li> <li> <a href="https://nuxt.press/" rel="nofollow" target="_blank">NuxtPress</a> </li> <li> <a href="https://vuex.vuejs.org/" rel="nofollow" target="_blank">Vuex</a> </li> <li> <a href="https://webpack.js.org/loaders/" rel="nofollow" target="_blank">Webpack Loaders</a> </li> <li> <a href="https://github.com/marinaaisa/nuxt-markdown-blog-starter" rel="nofollow" target="_blank">Nuxt + Markdown blog starter</a> </li> <li> <a href="https://jamstack.org/" rel="nofollow" target="_blank">JAMstack</a> </li> <li> <a href="https://api.chucknorris.io/" rel="nofollow" target="_blank">Chuck Norris Database</a> </li> <li> <a href="https://circleci.com/pricing/?gclid=Cj0KCQjw_5rtBRDxARIsAJfxvYDYMvcz90KZ3OFRKXYQOSbtcZNjxS7EBd--13hoN_-QADxUdUkElgYaAu8iEALw_wcB&amp;utm_campaign=SEM-gb-200-Eng-ni&amp;utm_content=SEM-gb-200-Eng-ni-Circle-CI&amp;utm_medium=SEM&amp;utm_source=gb" rel="nofollow" target="_blank">CircleCI</a> </li> <li> <a href="https://www.instagram.com/nuxt_js/?hl=en" rel="nofollow" target="_blank">NuxtJS Instagram</a> </li> <li> <a href="http://discord.nuxtjs.org" rel="nofollow" target="_blank">NuxtJS Discord Server</a> </li> <li> <a href="https://github.com/nuxt" rel="nofollow" target="_blank">NuxtJS Github</a> </li> <li> <a href="https://twitter.com/atinux?lang=en" rel="nofollow" target="_blank">Sebastien Chopin Twitter</a> </li> <li> <a href="https://github.com/Atinux" rel="nofollow" target="_blank">Atinux github</a> </li> <li> <a href="https://atinux.com/" rel="nofollow" target="_blank">Atinux.com</a> </li> <li> <a href="https://vuejs.amsterdam/" rel="nofollow" target="_blank">Vue.js Conference Amsterdam</a> </li> </ul>PicksAri Clark<ul> <li> <a href="https://www.imdb.com/title/tt3609352/" rel="nofollow" target="_blank">Grace and Frankie</a> </li> </ul>Sebastien Chopin<ul> <li> <a href="http://www.thylacinemusic.com/" rel="nofollow" target="_blank">Thylacine</a> </li> <li> <a href="https://www.imdb.com/title/tt0108778/" rel="nofollow" target="_blank">Friends</a> </li> <li> <a href="https://github.com/vuejs/vuepress/releases/tag/v1.1.0" rel="nofollow" target="_blank">Vuepress 1.1</a> </li> <li> <a href="https://github.com/gridsome/gridsome" rel="nofollow" target="_blank">Gridsome 0.7</a> </li> </ul>Ben Hong<ul> <li> <a href="https://www.youtube.com/watch?v=pmanD_s7G3U" rel="nofollow" target="_blank">Gurenge by LiSA</a> </li> <li> <a href="https://www.crunchyroll.com/demon-slayer-kimetsu-no-yaiba" rel="nofollow" target="_blank">Demon Slayer: Kimetsu no Yaiba</a> </li> <li> <a href="https://www.amazon.com/Super-Pumped-Battle-Mike-Isaac/dp/0393652246" rel="nofollow" target="_blank">Super Pumped</a> </li> </ul>Special Guest: Sébastien Chopin. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 084: Nuxt.JS With Sebastien Chopin

Hassan Djirdeh

Panel:  Charles Max Wood Chris Fritz Erik Hanchett Divya Sasidharan Special Guests: Hassan DjirdehIn 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 &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li>Charles Max Wood</li> <li>Chris Fritz</li> <li>Erik Hanchett</li> <li>Divya Sasidharan</li> </ul>Special Guests: Hassan DjirdehIn 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 <a href="https://www.shopify.com/" rel="nofollow" target="_blank">Shopify</a> as his full-time job. In his free-time he does anything and everything related to <a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a> and has also recently helped publish a book called <a href="https://www.fullstack.io/vue/" rel="nofollow" target="_blank">Fullstack Vue</a>. They talk about <a href="https://cli.vuejs.org/" rel="nofollow" target="_blank">Vue CLI 3.0</a>, state management patterns, his talk <a href="https://www.youtube.com/watch?v=B7g7MOrDtMY" rel="nofollow" target="_blank">The Importance of State Management in Vue</a>, and more!In particular, we dive pretty deep on:<ul> <li>Hassan intro</li> <li><a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a></li> <li>Recently started using the <a href="https://cli.vuejs.org/" rel="nofollow" target="_blank">Vue CLI 3.0</a> </li> <li>How is Vue CLI 3.0 different from 2.0?</li> <li>More obvious to understand what people need for their application</li> <li> <a href="https://vuex.vuejs.org/" rel="nofollow" target="_blank">Vuex</a> and <a href="https://router.vuejs.org/" rel="nofollow" target="_blank">Vue Router</a> </li> <li>Great way to get things started</li> <li>What if you’re using a configuration from Vue CLI 2.0?</li> <li> <a href="https://webpack.js.org/" rel="nofollow" target="_blank">Webpack</a> or <a href="http://browserify.org/" rel="nofollow" target="_blank">Browserify</a> </li> <li>Making things easier and better for new Vue developers</li> <li>Further configuring your projects</li> <li>Have you found anything you haven’t been able to configure with Vue CLI 3?</li> <li>Git integration</li> <li><a href="https://vuex.vuejs.org/guide/modules.html" rel="nofollow" target="_blank">Vuex Modules</a></li> <li>Linting</li> <li>Can you create your own templates with the CLI?</li> <li>How much should the CLI tool walk the developer through the process?</li> <li>Integrating <a href="https://eslint.org/" rel="nofollow" target="_blank">ESLint</a> into a project</li> <li>Runtime errors</li> <li>Pre-commit hook</li> <li><a href="https://www.youtube.com/watch?v=B7g7MOrDtMY" rel="nofollow" target="_blank">The Importance of State Management in Vue – Hassan’s Talk</a></li> <li>And much, much more!</li> </ul>Links:<ul> <li><a href="https://www.shopify.com/" rel="nofollow" target="_blank">Shopify</a></li> <li><a href="https://www.fullstack.io/vue/" rel="nofollow" target="_blank">Fullstack Vue</a></li> <li><a href="https://cli.vuejs.org/" rel="nofollow" target="_blank">Vue CLI 3.0</a></li> <li><a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a></li> <li><a href="https://vuex.vuejs.org/" rel="nofollow" target="_blank">Vuex</a></li> <li><a href="https://router.vuejs.org/" rel="nofollow" target="_blank">Vue Router</a></li> <li><a href="https://webpack.js.org/" rel="nofollow" target="_blank">Webpack</a></li> <li><a href="http://browserify.org/" rel="nofollow" target="_blank">Browserify</a></li> <li><a href="https://vuex.vuejs.org/guide/modules.html" rel="nofollow" target="_blank">Vuex Modules</a></li> <li><a href="https://www.youtube.com/watch?v=B7g7MOrDtMY" rel="nofollow" target="_blank">The Importance of State Management in Vue – Hassan’s Talk</a></li> <li><a href="https://eslint.org/" rel="nofollow" target="_blank">ESLint</a></li> <li><a href="https://medium.com/@hassan.djirdeh" rel="nofollow" target="_blank">Hassan’s Medium</a></li> <li><a href="https://github.com/djirdehh" rel="nofollow" target="_blank">Hassan’s GitHub</a></li> <li><a href="https://twitter.com/djirdehh?lang=en" rel="nofollow" target="_blank">@djirdehh</a></li> <li><a href="http://www.hassandjirdeh.com/" rel="nofollow" target="_blank">hassandjirdeh.com</a></li> </ul>Sponsors:<ul> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_campaign=dt-kendo-ang2-nov16&amp;utm_content=audio&amp;utm_medium=cpm&amp;utm_source=adventuresinng" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_campaign=podcast-influencers&amp;utm_influencer=419364&amp;utm_medium=affiliate-program&amp;utm_source=pbm" rel="nofollow" target="_blank">FreshBooks</a></li> </ul>Picks:Charles<ul> <li><a href="https://www.eugdpr.org/" rel="nofollow" target="_blank">GDPR</a></li> <li><a href="https://www.starwars.com/films/solo" rel="nofollow" target="_blank">Solo Movie</a></li> <li> </li> </ul>Chris<ul> <li><a href="http://www.loldash.com/" rel="nofollow" target="_blank">Sarah Drasner Repo - loldash</a></li> <li><a href="https://www.imdb.com/title/tt6682754/" rel="nofollow" target="_blank">Jean-Claude Van Johnson</a></li> <li><a href="https://www.imdb.com/title/tt5753856/" rel="nofollow" target="_blank">Dark</a></li> <li><a href="https://www.imdb.com/title/tt0390384/" rel="nofollow" target="_blank">Primer</a></li> </ul>Erik<ul> <li><a href="https://wallabyjs.com/" rel="nofollow" target="_blank">Wallabyjs.com</a></li> </ul>Divya<ul> <li><a href="https://www.gatsbyjs.org/" rel="nofollow" target="_blank">Gatsby.js</a></li> <li><a href="https://developers.google.com/web/updates/2018/03/smooshgate" rel="nofollow" target="_blank">SmooshGate blog</a></li> </ul>Hassan<ul> <li><a href="http://marvel.com/movies/movie/223/avengers_infinity_war" rel="nofollow" target="_blank">Avengers: Infinity War</a></li> <li><a href="http://go.lambdaschool.com/" rel="nofollow" target="_blank">Lambda School</a></li> </ul>Special Guest: Hassan Djirdeh. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 018: State Management with Vue.js with Hassan Djirdeh

Sponsors  Sentry use the code “devchat” for $100 credit TripleByte  Episode SummaryIn 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  PicksChris  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 &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for $100 credit</li> <li><a href="https://triplebyte.com/elixir" rel="nofollow" target="_blank">TripleByte</a></li> </ul> <h3>Episode Summary</h3>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. <h3>Links</h3><ul> <li><a href="http://cachefly.com" rel="nofollow" target="_blank">cachefly.com</a></li> <li><a href="https://www.npmjs.com/package/autosize" rel="nofollow" target="_blank">Autosize</a></li> <li><a href="https://courses.rachelnabors.com/" rel="nofollow" target="_blank">Rachel's Cartooning For Developers</a></li> <li><a href="http://content" rel="nofollow" target="_blank">Content Editable</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Selection" rel="nofollow" target="_blank">Get Selection</a></li> <li><a href="https://vuejs.org/v2/guide/computed.html" rel="nofollow" target="_blank">Computer Properties and Watchers</a></li> </ul> <h3>Picks</h3>Chris <ul> <li><a href="https://www.stardewvalley.net/" rel="nofollow" target="_blank">Stardew Valley</a></li> <li>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.”</li> </ul>Divya<ul> <li><a href="https://www.amazon.com/Book-Thief-Markus-Zusak/dp/0375842209" rel="nofollow" target="_blank">Book Theif</a></li> <li> <a href="https://www.amazon.com/Lumen-Theft-Proof-Bicycle-Commuters/dp/B019IX04S2?ref_=w_bl_hsx_s_sp_web_12077752011" rel="nofollow" target="_blank">Fortified Bike Light</a></li> </ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 049: Input Masks

Mirjam Bäuerlein

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  PicksCharles 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 &amp; 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. <h3>Panelists</h3><ul> <li> Charles Max Wood </li> <li> Lindsay Wardell </li> <li> Steve Edwards </li> <li> Austin Gil </li> </ul><h3>Guest</h3><ul> <li> Mirjam Bäuerlein </li> </ul><h3>Sponsors  </h3><ul> <li> <a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a> </li> </ul><h2>____________________________________________________________</h2>"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon.<a href="https://www.amazon.com/gp/product/B081MBL5C9/ref=as_li_ss_tl?ie=UTF8&amp;language=en_US&amp;linkCode=sl1&amp;linkId=9d61363241636e2546ef46abba198746&amp;tag=devchattv-20" rel="nofollow" target="_blank"> Get Your Copy Today!</a><h2>____________________________________________________________</h2><h3>Links</h3><ul> <li> </li> <li> <a href="https://www.duolingo.com/" rel="nofollow" target="_blank">https://www.duolingo.com/</a> </li> <li> <a href="https://www.cloudflare.com/products/cloudflare-workers/" rel="nofollow" target="_blank">https://www.cloudflare.com/products/cloudflare-workers/</a> </li> <li> <a href="https://www.youtube.com/watch?v=V7QRcnnMoKI" rel="nofollow" target="_blank">RuhrJS2019: Mirjam Bäuerlein: Reinforce yourself: a tale of dog training and test-driven development</a> </li> <li> <a href="https://www.facebook.com/ViewsonVue" rel="nofollow" target="_blank">https://www.facebook.com/ViewsonVue</a> </li> <li> <a href="https://twitter.com/viewsonvue" rel="nofollow" target="_blank">https://twitter.com/viewsonvue</a> </li> </ul><h3>Picks</h3>Charles Max Wood:<ul> <li> <a href="https://adventofcode.com/" rel="nofollow" target="_blank">https://adventofcode.com/</a> </li> <li> <a href="https://javascriptforum.net/" rel="nofollow" target="_blank">https://javascriptforum.net/</a> </li> </ul>Lindsay Wardell:<ul> <li> <a href="https://www.paleorunningmomma.com/paleo-maple-pecan-apple-crisp" rel="nofollow" target="_blank">Paleo Maple Pecan Apple Crisp {Vegan}</a> </li> </ul>Steve Edwards:<ul> <li> <a href="https://www.needtobreathe.com/" rel="nofollow" target="_blank">https://www.needtobreathe.com/</a> </li> </ul>Mirjam Bäuerlein:<ul> <li> <a href="https://www.conferencebuddy.io/" rel="nofollow" target="_blank">https://www.conferencebuddy.io/</a> </li> <li> <a href="https://exercism.io/" rel="nofollow" target="_blank">https://exercism.io/</a> </li> </ul>Austin Gil:<ul> <li> <a href="https://www.cloudflare.com/" rel="nofollow" target="_blank">https://www.cloudflare.com/</a> </li> <li> <a href="https://www.duolingo.com/" rel="nofollow" target="_blank">https://www.duolingo.com/</a> </li> </ul>Special Guest: Mirjam Aulbach ( Bäuerlein ). Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 095: New to Vue with Mirjam Bäuerlein

Tracy Lee

Ben Lesh

Jay Phelps

Panel:  Charles Max Wood Chris Fritz Erik Hanchett Divya Sasidharan Joe Eames Special Guests: Tracy Lee, Ben Lesh, and Jay PhelpsIn 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 &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li>Charles Max Wood</li> <li>Chris Fritz</li> <li>Erik Hanchett</li> <li>Divya Sasidharan</li> <li>Joe Eames</li> </ul>Special Guests: Tracy Lee, Ben Lesh, and Jay PhelpsIn this episode, the Views on Vue panel talks to Tracy Lee, Ben Lesh, and Jay Phelps about reactive programming in <a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a>. They talk about the new additions to <a href="https://rxjs-dev.firebaseapp.com/" rel="nofollow" target="_blank">RxJS 6</a>, what RxJS actually is, reactive programming, and <a href="https://github.com/vuejs/vue-rx" rel="nofollow" target="_blank">Vue Rx</a>. They also touch on the basics of RxJS, the difference between Promises and RxJS, and more!In particular, we dive pretty deep on:<ul> <li><a href="https://rxjs-dev.firebaseapp.com/" rel="nofollow" target="_blank">RxJS</a></li> <li>The difference between RxJS 6 and the past versions</li> <li>Moving towards pipeable operators</li> <li>Win for application size</li> <li>Error handling has changed</li> <li>What is RxJS?</li> <li>Utility library to better handle your complex asynchronous stuff</li> <li>Very versatile tool</li> <li>Reactive programming</li> <li>Most popular and well-known reactive programming paradigm</li> <li>Became open source at version 5</li> <li>How does <a href="https://github.com/vuejs/vue-rx" rel="nofollow" target="_blank">Vue Rx</a> fit into all of this?</li> <li>What Vue Rx adds</li> <li>Using RxJS vs Promises</li> <li>Observables</li> <li>Subscription options</li> <li>Observable strings</li> <li>The underbelly of coding</li> <li>Error handling</li> <li>Functional programming</li> <li>Promises are eager</li> <li>Web sockets</li> <li>RxJS is not particular to one language</li> <li><a href="https://angular.io/" rel="nofollow" target="_blank">Angular</a></li> <li>And much, much more!</li> </ul>Links:<ul> <li><a href="https://rxjs-dev.firebaseapp.com/" rel="nofollow" target="_blank">RxJS</a></li> <li><a href="https://github.com/vuejs/vue-rx" rel="nofollow" target="_blank">Vue Rx</a></li> <li><a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a></li> <li><a href="https://angular.io/" rel="nofollow" target="_blank">Angular</a></li> <li><a href="https://twitter.com/ladyleet?lang=en" rel="nofollow" target="_blank">@ladyleet</a></li> <li><a href="https://github.com/ladyleet" rel="nofollow" target="_blank">Tracy’s GitHub</a></li> <li><a href="https://twitter.com/BenLesh?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">@BenLesh</a></li> <li><a href="https://medium.com/@benlesh" rel="nofollow" target="_blank">Ben’s Medium</a></li> <li><a href="https://github.com/benlesh" rel="nofollow" target="_blank">Ben’s GitHub</a></li> <li><a href="https://twitter.com/_jayphelps?lang=en" rel="nofollow" target="_blank">@_jayphelps</a></li> <li><a href="https://github.com/jayphelps" rel="nofollow" target="_blank">Jay’s GitHub</a></li> <li><a href="https://github.com/ReactiveX/rxjs" rel="nofollow" target="_blank">RxJS GitHub</a></li> </ul>Sponsors<ul> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_campaign=dt-kendo-ang2-nov16&amp;utm_content=audio&amp;utm_medium=cpm&amp;utm_source=adventuresinng" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Digital Ocean</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_campaign=podcast-influencers&amp;utm_influencer=419364&amp;utm_medium=affiliate-program&amp;utm_source=pbm" rel="nofollow" target="_blank">FreshBooks</a></li> </ul>Picks:Charles<ul> <li><a href="https://www.fox.com/masterchef-junior/" rel="nofollow" target="_blank">Master Chef Junior</a></li> <li><a href="https://instantpot.com/" rel="nofollow" target="_blank">Instant Pot</a></li> </ul>Chris<ul> <li>Back up your data more than weekly</li> </ul>Divya<ul> <li><a href="https://gist.github.com/staltz/868e7e9bc2a7b8c1f754" rel="nofollow" target="_blank">The introduction to Reactive Programming you've been missing</a></li> </ul>Erik<ul> <li><a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer" rel="nofollow" target="_blank">Bracket Pair Colorizer</a></li> <li><a href="https://syntax.fm/" rel="nofollow" target="_blank">Syntax.fm podcast</a></li> </ul>Joe<ul> <li><a href="https://www.backblaze.com/cloud-backup-ad.html?gclid=EAIaIQobChMIh8Pkt_2n3AIVFp7ACh3WAAFXEAAYASAAEgIqd_D_BwE#1056" rel="nofollow" target="_blank">Backblaze</a></li> <li><a href="https://www.starwars.com/films/solo" rel="nofollow" target="_blank">Solo</a></li> <li><a href="https://www.frameworksummit.com/" rel="nofollow" target="_blank">Framework Summit</a></li> </ul>Tracy<ul> <li><a href="https://www.dermstore.com/beautyfix.php" rel="nofollow" target="_blank">BeautyFix Subscription Box</a></li> <li><a href="https://www.blantonsbourbon.com/" rel="nofollow" target="_blank">Blanton’s</a></li> </ul>Ben<ul> <li><a href="https://github.com/ReactiveX/rxjs-docs" rel="nofollow" target="_blank">RxJS docs</a></li> <li>Experimental branch of RxJS</li> <li>Get some exercise</li> </ul>Special Guests: Ben Lesh, Jay Phelps, and Tracy Lee. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 020: Reactive Programming with Vue with Tracy Lee, Ben Lesh, and Jay Phelps

Sunil Sandhu

Sponsors  Sentry use the code “devchat” for $100 credit Triplebyte CacheFly Panel Chris Fritz Divya Sasidharan Sunil Sandhu Episode SummaryIn 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 PicksDivya 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 &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for $100 credit</li> <li><a href="https://triplebyte.com/vue" rel="nofollow" target="_blank">Triplebyte</a></li> <li><a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a></li> </ul><h3>Panel</h3><ul> <li>Chris Fritz</li> <li>Divya Sasidharan</li> <li>Sunil Sandhu</li> </ul><h3>Episode Summary</h3>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.<h3>Links</h3><ul> <li><a href="https://twitter.com/sunilsandhu?lang=en" rel="nofollow" target="_blank">Sunil’s Twitter</a></li> <li><a href="http://sunilsandhu.com/" rel="nofollow" target="_blank">Sunil’s website</a></li> <li><a href="https://www.telerik.com/blogs/learn-how-to-use-vuex-by-building-an-online-shopping-website" rel="nofollow" target="_blank">Learn How to Use Vuex by Building an Online Shopping Website</a></li> <li><a href="https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd" rel="nofollow" target="_blank">I created the exact same app in React and Vue. Here are the differences.</a></li> <li><a href="https://setyourwatchby.netlify.com/" rel="nofollow" target="_blank">Set your watch by Netlify</a></li> </ul><h3>Picks</h3>Divya Sasidharan:<ul> <li><a href="https://reactjs.org/docs/hooks-overview.html#-state-hook" rel="nofollow" target="_blank">Hooks at a Glance</a></li> <li><a href="https://auth0.com/blog/" rel="nofollow" target="_blank">Auth0 Blog</a></li> <li><a href="https://www.netflix.com/be-en/title/80205595" rel="nofollow" target="_blank">Siempre bruja</a></li> </ul>Chris Fritz:<ul> <li><a href="https://medium.com/the-vue-point/vue-2-6-released-66aa6c8e785e" rel="nofollow" target="_blank">Vue 2.6 released</a></li> <li><a href="https://www.amazon.com/Starfish-Peter-Watts/dp/1717002080?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">Starfish</a></li> <li><a href="https://www.netflix.com/title/80211627" rel="nofollow" target="_blank">Russian Doll</a></li> <li><a href="https://www.netflix.com/title/80133335" rel="nofollow" target="_blank">Call My Agent!</a></li> </ul>Sunil Sandhu:<ul> <li><a href="https://medium.com/javascript-in-plain-english" rel="nofollow" target="_blank">JavaScript in Plain English</a></li> <li><a href="https://lawsofux.com/" rel="nofollow" target="_blank">Laws of UX</a></li> <li><a href="https://www.youtube.com/user/NNgroup" rel="nofollow" target="_blank">Nielsen Norman group</a></li> <li><a href="https://www.youtube.com/watch?feature=youtu.be&amp;v=GsIDkx9B0M4" rel="nofollow" target="_blank">How to criticize someone</a></li> <li><a href="https://www.theschooloflife.com/" rel="nofollow" target="_blank">The School of Life</a></li> </ul>Special Guest: Sunil Sandhu. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 054: Nuxt with Sunil Sandhu

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  PicksCharles 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 &amp; 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. <h3>Panelists</h3><ul> <li> Charles Max Wood </li> <li> Devlin Duldulao  </li> <li> Lindsay Wardell </li> <li> Steve Edwards </li> </ul><h3>Sponsors  </h3><ul> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a>– use the code “devchat” for two months free on Sentry’s small plan </li> <li> <a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a> </li> </ul><h3>Links</h3><ul> <li> <a href="https://system76.com/pop" rel="nofollow" target="_blank">https://system76.com/pop</a> </li> <li> <a href="https://desktop.github.com/" rel="nofollow" target="_blank">https://desktop.github.com/</a> </li> <li> <a href="https://jfrog.com/artifactory/" rel="nofollow" target="_blank">https://jfrog.com/artifactory/</a> </li> <li> <a href="https://about.gitlab.com/" rel="nofollow" target="_blank">https://about.gitlab.com/</a> </li> <li> <a href="https://www.sharemouse.com/" rel="nofollow" target="_blank">https://www.sharemouse.com/</a> </li> <li> <a href="https://amzn.to/34LlgQh" rel="nofollow" target="_blank">Conquer Under Desk Portable Electric Treadmill Walking Pad</a> </li> <li> <a href="https://amzn.to/2DMT0Rm" rel="nofollow" target="_blank">Anti Fatigue Standing Desk Mat</a> </li> <li> <a href="https://vuetifyjs.com/en/" rel="nofollow" target="_blank">https://vuetifyjs.com/en/</a> </li> <li> <a href="https://github.com/nuxt/create-nuxt-app" rel="nofollow" target="_blank">https://github.com/nuxt/create-nuxt-app</a> </li> <li> <a href="https://nuxtjs.org/" rel="nofollow" target="_blank">https://nuxtjs.org/</a> </li> <li> <a href="https://github.com/vuejs/vetur" rel="nofollow" target="_blank">https://github.com/vuejs/vetur</a> </li> <li> <a href="https://www.facebook.com/ViewsonVue" rel="nofollow" target="_blank">https://www.facebook.com/ViewsonVue</a> </li> <li> <a href="https://twitter.com/viewsonvue" rel="nofollow" target="_blank">https://twitter.com/viewsonvue</a> </li> </ul><h3>Picks</h3>Charles Max Wood:<ul> <li> <a href="https://www.imdb.com/title/tt0085334/" rel="nofollow" target="_blank">A Christmas Story</a> </li> <li> <a href="https://www.imdb.com/title/tt0058536/" rel="nofollow" target="_blank">Rudolf the Red-Nosed Reindeer</a> </li> <li> <a href="https://www.imdb.com/title/tt0063230/?ref_=fn_al_tt_1" rel="nofollow" target="_blank">The Little Drummer Boy</a> </li> <li> <a href="https://www.imdb.com/title/tt0066327/?ref_=fn_al_tt_5" rel="nofollow" target="_blank">Santa Claus Is Comin' to Town</a> </li> <li> <a href="https://www.imdb.com/title/tt0482629/" rel="nofollow" target="_blank">The Ultimate Gift</a> </li> </ul>Lindsay Wardell:<ul> <li> <a href="https://thedangercrew.com/" rel="nofollow" target="_blank">https://thedangercrew.com/</a> </li> </ul>Steve Edwards:<ul> <li> <a href="https://laughingsquid.com/mouse-cleans-up-tool-shed/" rel="nofollow" target="_blank">https://laughingsquid.com/mouse-cleans-up-tool-shed/</a> </li> </ul>Devlin Duldulao:<ul> <li> Rhinos </li> </ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 094: Head to Toe Development Set Up

Ari Clark

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 ClarkSummaryFrontend 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  PicksChris Fritz:  https://zzz.dog/   Ben Hong:  https://cssgrid-generator.netlify.com/    https://www3.nhk.or.jp/nhkworld/en/ondemand/program/video/10yearshayaomiyazaki/?type=tvEpisode&amp;   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 &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li> <a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry small </li> <li> <a href="https://triplebyte.com/vue" rel="nofollow" target="_blank">Triplebyte</a> offers a $1000 signing bonus </li> <li> <a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a> </li> </ul><h3>Panel</h3><ul> <li> Chris Fritz </li> <li> Ben Hong </li> </ul>Joined by Special Guest: Ari Clark<h3>Summary</h3>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. <h3>Links</h3> <ul> <li> <a href="https://vuejs.org/v2/guide/components-dynamic-async.html" rel="nofollow" target="_blank">https://vuejs.org/v2/guide/components-dynamic-async.html</a> </li> <li> <a href="https://devchat.tv/views-on-vue/vov-068-design-systems-css-with-miriam-suzanne/" rel="nofollow" target="_blank">https://devchat.tv/views-on-vue/vov-068-design-systems-css-with-miriam-suzanne/</a> </li> <li> <a href="https://devchat.tv/views-on-vue/vov-063-exploring-the-world-of-animations-with-krystal-campioni/" rel="nofollow" target="_blank">https://devchat.tv/views-on-vue/vov-063-exploring-the-world-of-animations-with-krystal-campioni/</a> </li> <li> <a href="https://twitter.com/GloomyLumi" rel="nofollow" target="_blank">https://twitter.com/GloomyLumi</a> </li> <li> <a href="https://www.facebook.com/ViewsonVue/" rel="nofollow" target="_blank">https://www.facebook.com/ViewsonVue</a> </li> <li> <a href="https://twitter.com/viewsonvue" rel="nofollow" target="_blank">https://twitter.com/viewsonvue</a> </li> </ul><h3>Picks</h3>Chris Fritz:<ul> <li> <a href="https://zzz.dog/" rel="nofollow" target="_blank">https://zzz.dog/</a> </li> </ul>Ben Hong:<ul> <li> <a href="https://cssgrid-generator.netlify.com/" rel="nofollow" target="_blank">https://cssgrid-generator.netlify.com/</a> </li> <li> <a href="https://www3.nhk.or.jp/nhkworld/en/ondemand/program/video/10yearshayaomiyazaki/?type=tvEpisode" rel="nofollow" target="_blank">https://www3.nhk.or.jp/nhkworld/en/ondemand/program/video/10yearshayaomiyazaki/?type=tvEpisode&amp;</a> </li> </ul>Ari Clark:<ul> <li> <a href="https://www.amazon.com/Wilderness-Explosions-Sky/dp/B01D7E20T4/ref=sr_1_1?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">The Wilderness</a> by Explosions In The Sky </li> <li> <a href="https://vuevixens.org/about" rel="nofollow" target="_blank">https://vuevixens.org</a> </li> <li> <a href="https://gridcritters.com/" rel="nofollow" target="_blank">https://gridcritters.com/</a> </li> </ul>Special Guest: Ari Clark. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 069: Real-time UI with Ari Clark

Michele Cynowicz

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   PicksElizabeth 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 &amp; 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<ul> <li> Ari Clark </li> <li> Elizabeth Fine </li> <li> Ben Hong </li> </ul> Guest<ul> <li> Michele Cynowicz </li> </ul>Sponsors<ul> <li> <a href="https://tidelift.com/" rel="nofollow" target="_blank">Tidelift</a> </li> <li> <a href="https://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li> <li> <a href="https://devchat.tv/my-javascript-story/" rel="nofollow" target="_blank">My JavaScript Story</a> </li> </ul>Links<ul> <li> <a href="https://www.voxmedia.com/a/go-deeper" rel="nofollow" target="_blank">Vox Media</a> </li> <li> <a href="https://devchat.tv/views-on-vue/vov-065-redesigning-for-state-management-using-vuejs-in-rails-with-michele-cynowicz/" rel="nofollow" target="_blank">Views on Vue Redesigning For State Management</a> </li> <li> <a href="https://agilemanifesto.org/" rel="nofollow" target="_blank">Agile</a> </li> <li> <a href="https://en.wikipedia.org/wiki/Waterfall_model" rel="nofollow" target="_blank">Waterfall</a> </li> <li> <a href="https://twitter.com/michelecynowicz" rel="nofollow" target="_blank">@michelecynowicz on twitter</a> </li> </ul> PicksElizabeth Fine<ul> <li> Her Applesauce Recipe </li> <li> <a href="https://www.npmjs.com/package/webpack-bundle-analyzer" rel="nofollow" target="_blank">Webpack Bundle Analyzer</a> </li> </ul>Ben Hong<ul> <li> <a href="https://en.wikipedia.org/wiki/Lucifer_(TV_series)" rel="nofollow" target="_blank">Lucifer Netflix Series</a> </li> <li> <a href="https://www.amazon.com/Super-Pumped-Battle-Mike-Isaac/dp/0393652246" rel="nofollow" target="_blank">Super Pumped: The Battle For Uber</a> </li> </ul>Michele Cynowicz<ul> <li> <a href="https://www.imdb.com/title/tt4955642/" rel="nofollow" target="_blank">The Good Place Series</a> </li> <li> <a href="https://resilient-management.com/" rel="nofollow" target="_blank">Resilient Management</a> </li> </ul>Ari Clark<ul> <li> <a href="https://www.imdb.com/title/tt10847138/" rel="nofollow" target="_blank">Hello, Privilege, It’s me, Chelsea</a> </li> </ul> Special Guest: Michele Cynowicz. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 086: Prototyping and The Design Cycle With Michele Cynowicz

Christian Kienle

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  PicksChristian Kienle:  Compositional API  Elizabeth Fine:  A Brief History of Time  Special Guest: Christian Kienle. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; 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.<h3>Panelists</h3><ul> <li> Elizabeth Fine </li> </ul><h3>Guest:</h3><ul> <li> Christian Kienle </li> </ul><h3>Sponsors  </h3><ul> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a>– use the code “devchat” for two months free on Sentry’s small plan </li> <li> <a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a> </li> </ul><h3>Links</h3><ul> <li> <a href="https://github.com/ChristianKienle/minipress" rel="nofollow" target="_blank">https://github.com/ChristianKienle/minipress</a> </li> <li> <a href="https://www.staticgen.com/saber" rel="nofollow" target="_blank">https://www.staticgen.com/saber</a> </li> <li> <a href="https://www.vuemastery.com/" rel="nofollow" target="_blank">https://www.vuemastery.com/</a> </li> <li> <a href="https://github.com/SAP/fundamental-vue" rel="nofollow" target="_blank">https://github.com/SAP/fundamental-vue</a> </li> <li> <a href="https://www.facebook.com/ViewsonVue" rel="nofollow" target="_blank">https://www.facebook.com/ViewsonVue</a> </li> <li> <a href="https://twitter.com/viewsonvue" rel="nofollow" target="_blank">https://twitter.com/viewsonvue</a> </li> </ul><h3>Picks</h3>Christian Kienle:<ul> <li> <a href="https://www.vuemastery.com/courses/vue-3-essentials/why-the-composition-api/" rel="nofollow" target="_blank">Compositional API</a> </li> </ul>Elizabeth Fine:<ul> <li> <a href="https://www.amazon.com/Brief-History-Time-Stephen-Hawking/dp/0553380168/ref=asc_df_0553380168/?adgrpid=61316181319&amp;hvadid=312152840806&amp;hvdev=c&amp;hvdvcmdl=&amp;hvlocint=&amp;hvlocphy=9053130&amp;hvnetw=g&amp;hvpone=&amp;hvpos=1o1&amp;hvptwo=&amp;hvqmt=&amp;hvrand=12278142769301580698&amp;hvtargid=pla-395749124559&amp;linkCode=df0&amp;psc=1&amp;ref=&amp;tag=" rel="nofollow" target="_blank">A Brief History of Time</a> </li> </ul>Special Guest: Christian Kienle. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 088: Switching From Native iOS  to Vue with Christian Kienle

Luca Mezzalira

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 MezzaliraSponsors  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 TwitterPicksAri 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 &amp; 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. <h3>Panelists</h3><ul> <li> Ari Clark </li> <li> Chris Fritz </li> <li> Elizabeth Fine </li> <li> Ben Hong </li> </ul>With special guest: Luca Mezzalira<h2>Sponsors</h2><ul> <li> <a href="https://devchat.tv/sustain-our-software/" rel="nofollow" target="_blank">Sustain Our Software</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li> <li> <a href="https://devchat.tv/elixir-mix/" rel="nofollow" target="_blank">Elixir Mix</a> </li> </ul>Links<ul> <li> <a href="https://watch.dazn.com/en-GLOBAL/sports/" rel="nofollow" target="_blank">DAZN</a> </li> <li> <a href="https://microservices.io/" rel="nofollow" target="_blank">Microservice</a> </li> <li> <a href="https://aws.amazon.com/blogs/opensource/style-dictionary-trust-design-consistency/" rel="nofollow" target="_blank">Amazon style dictionary</a> </li> <li> <a href="https://medium.com/@lucamezzalira/i-dont-understand-micro-frontends-88f7304799a9" rel="nofollow" target="_blank">I Don't Understand Micro Frontends by Luca Mezzalira</a> </li> </ul>Follow DevChatTV on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" rel="nofollow" target="_blank">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" rel="nofollow" target="_blank">Twitter</a><h3>Picks</h3>Ari Clark:<ul> <li> What We Do in the Shadows on <a href="https://www.netflix.com/sa-en/title/70300668" rel="nofollow" target="_blank">Netflix</a> and <a href="https://www.hulu.com/series/what-we-do-in-the-shadows-0b10c46a-12f0-4357-8a00-547057b49bac" rel="nofollow" target="_blank">Hulu</a> </li> </ul>Chris Fritz:<ul> <li> <a href="https://www.voiceattack.com/" rel="nofollow" target="_blank">VoiceAttack</a> </li> <li> <a href="https://store.taylorswift.com/products/lover-standard-cd" rel="nofollow" target="_blank">Lover by Taylor Swift</a> </li> </ul>Elizabeth Fine:<ul> <li> <a href="https://thecookbookapp.com/" rel="nofollow" target="_blank">CookBook app</a> </li> </ul>Ben Hong:<ul> <li> <a href="https://www.penguinrandomhouse.com/books/538034/exhalation-by-ted-chiang/" rel="nofollow" target="_blank">Exhalation by Ted Chang</a> </li> <li> <a href="https://www.amazon.com/Perplexus-BL300-Epic/dp/B004H1V5RU?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">Perplexus Epic</a> </li> </ul>Luca Mezzalira:<ul> <li> <a href="https://www.amazon.com/Phoenix-Project-DevOps-Helping-Business/dp/0988262592?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">The Phoenix Project</a> </li> <li> <a href="https://www.oreilly.com/live-training/courses/building-micro-frontends/0636920296294/" rel="nofollow" target="_blank">Building Micro-Frontends Webinar September 30, 2019</a> </li> <li> Follow Luca @lucamezzalira and at <a href="https://lucamezzalira.com/" rel="nofollow" target="_blank">https://lucamezzalira.com</a> </li> </ul>Special Guest: Luca Mezzalira. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 081: Micro-Frontends with Luca Mezzalira

Aaron Gustafson

Sponsors: Netlify  Sentry use the code “devchat” for 2 months free on Sentry small plan CacheFly Host: Charles Max WoodSpecial Guest: Aaron GustafsonEpisode 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 &amp; 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 PicksAaron Gustafson: Homegoing Zeitoun Charles Max Wood: Armada  Special Guest: Aaron Gustafson . Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors:</h2><ul> <li><a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a></li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry </a>use the code “devchat” for 2 months free on Sentry small plan</li> <li><a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a></li> </ul>Host: Charles Max WoodSpecial Guest: Aaron Gustafson<h3>Episode Summary </h3>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.<h3>Links</h3><ul> <li><a href="https://www.amazon.com/Creating-Enhancing-Netscape-Web-Pages/dp/0789708760?%3Fie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">Creating &amp; Enhancing Netscape Web Pages</a></li> <li><a href="https://alistapart.com/" rel="nofollow" target="_blank">A List Apart</a></li> <li><a href="https://cloudfour.com/thinks/a-progressive-roadmap-for-your-progressive-web-app/" rel="nofollow" target="_blank">A Progressive Roadmap for your Progressive Web App</a></li> <li><a href="https://developer.microsoft.com/en-us/windows/pwa" rel="nofollow" target="_blank">Windows Dev Center – Progressive Web Apps</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps" rel="nofollow" target="_blank">MDN web docs</a></li> <li><a href="https://www.pwastats.com/" rel="nofollow" target="_blank">PWA Stats</a></li> <li><a href="https://twitter.com/pwastats?lang=en" rel="nofollow" target="_blank">PWA Stats Twitter</a></li> <li><a href="https://www.aaron-gustafson.com/" rel="nofollow" target="_blank">Aaron’s website</a></li> <li><a href="https://twitter.com/aarongustafson?lang=en" rel="nofollow" target="_blank">Aaron’s Twitter</a></li> <li><a href="https://www.facebook.com/ViewsonVue" rel="nofollow" target="_blank">https://www.facebook.com/ViewsonVue</a></li> <li><a href="https://twitter.com/viewsonvue" rel="nofollow" target="_blank">https://twitter.com/viewsonvue</a></li> </ul><h3>Picks</h3>Aaron Gustafson:<ul> <li><a href="https://www.goodreads.com/book/show/27071490-homegoing" rel="nofollow" target="_blank">Homegoing</a></li> <li><a href="https://www.goodreads.com/book/show/6512154-zeitoun" rel="nofollow" target="_blank">Zeitoun</a></li> </ul>Charles Max Wood:<ul> <li><a href="https://www.audible.com/pd/Armada-Audiobook/B00VN0Q8XY" rel="nofollow" target="_blank">Armada</a></li> </ul> Special Guest: Aaron Gustafson . Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 055: Progressive Web Apps with Aaron Gustafson LIVE at Microsoft Ignite

Miriam Suzanne

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 SuzanneSummaryMiriam 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  PicksChris 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 &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li> <a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry small </li> <li> <a href="https://triplebyte.com/vue" rel="nofollow" target="_blank">Triplebyte</a> offers a $1000 signing bonus </li> <li> <a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a> </li> <li> </li> </ul><h3>Panel</h3><ul> <li> Chris Fritz </li> <li> Ben Hong </li> </ul>Joined by Special Guest: Miriam Suzanne<h3>Summary</h3>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. <h3>Links</h3><ul> <li> <a href="https://www.oddbird.net/herman/" rel="nofollow" target="_blank">https://www.oddbird.net/herman/</a> </li> <li> <a href="https://www.vuemastery.com/conferences/vueconf-us-2019/dynamic-css-with-vue" rel="nofollow" target="_blank">https://www.vuemastery.com/conferences/vueconf-us-2019/dynamic-css-with-vue</a> </li> <li> <a href="https://github.com/mozdevs/cssremedy" rel="nofollow" target="_blank">https://github.com/mozdevs/cssremedy</a> </li> <li> <a href="https://twitter.com/MiriSuzanne" rel="nofollow" target="_blank">https://twitter.com/MiriSuzanne</a> </li> <li> <a href="https://github.com/mirisuzanne" rel="nofollow" target="_blank">https://github.com/mirisuzanne</a> </li> </ul><h3>Picks</h3>Chris Fritz:<ul> <li> Get some sleep </li> </ul>Ben Hong:<ul> <li> Taipei, Taiwan </li> </ul>Miriam Suzanne:Something is Rotten at <a href="https://buntport.com/" rel="nofollow" target="_blank">Buntport Theater</a>Special Guest: Miriam Suzanne. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 068: Design Systems & CSS with Miriam Suzanne

Jacob Schatz

Panel:  Chris Fritz Joe Eames Divya Sasidharan Special Guests: Filipa Lacerda, Jacob Schatz, and Phil HughesIn 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 &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li>Chris Fritz</li> <li>Joe Eames</li> <li>Divya Sasidharan</li> </ul>Special Guests: Filipa Lacerda, Jacob Schatz, and Phil HughesIn this episode, the Views on Vue panel talks to Filipa Lacerda, Jacob Schatz, and Phil Hughes about <a href="https://about.gitlab.com/" rel="nofollow" target="_blank">GitLab</a>’s journey with <a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a>. 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 <a href="https://jquery.com/" rel="nofollow" target="_blank">jQuery</a>, and more!In particular, we dive pretty deep on:<ul> <li>Filipa, Jacob, and Phil intros</li> <li>All work at <a href="https://about.gitlab.com/" rel="nofollow" target="_blank">GitLab</a> </li> <li>Distributed team at GitLab</li> <li>Work with <a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a> </li> <li>One team across multiple time zones</li> <li>How did GitLab decide to adopt Vue?</li> <li>The benefits of Vue</li> <li>Creating a proof of concept</li> <li> <a href="https://rubyonrails.org/" rel="nofollow" target="_blank">Rails</a> previously</li> <li><a href="https://jquery.com/" rel="nofollow" target="_blank">jQuery</a></li> <li>Vue allows them to use much less code and be more organized</li> <li><a href="https://vuex.vuejs.org/guide/" rel="nofollow" target="_blank">Vuex</a></li> <li>Un-opinionated VS highly opinionated frameworks</li> <li>Did you find Vue to be stifling in any way?</li> <li>Could you organize ode the way you wanted to organize it?</li> <li>Vue made their lives easier</li> <li>Didn’t have a style guide or plan in the beginning</li> <li>Why they moved away from jQuery</li> <li>Performance issues and the large amount of code with jQuery</li> <li><a href="https://nodejs.org/en/" rel="nofollow" target="_blank">Node.js</a></li> <li> <a href="https://coffeescript.org/" rel="nofollow" target="_blank">CoffeeScript</a> to <a href="https://www.javascript.com/" rel="nofollow" target="_blank">JavaScript</a> </li> <li>And much, much more!</li> </ul>Links:<ul> <li><a href="https://about.gitlab.com/" rel="nofollow" target="_blank">GitLab</a></li> <li><a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a></li> <li><a href="https://rubyonrails.org/" rel="nofollow" target="_blank">Rails</a></li> <li><a href="https://jquery.com/" rel="nofollow" target="_blank">jQuery</a></li> <li><a href="https://vuex.vuejs.org/guide/" rel="nofollow" target="_blank">Vuex</a></li> <li><a href="https://nodejs.org/en/" rel="nofollow" target="_blank">Node.js</a></li> <li><a href="https://coffeescript.org/" rel="nofollow" target="_blank">CoffeeScript</a></li> <li><a href="https://www.javascript.com/" rel="nofollow" target="_blank">JavaScript</a></li> <li><a href="https://twitter.com/filipalacerda?lang=en" rel="nofollow" target="_blank">@FilipaLacerda</a></li> <li><a href="https://github.com/filipalacerda" rel="nofollow" target="_blank">Filipa’s GitHub</a></li> <li><a href="https://gitlab.com/filipa" rel="nofollow" target="_blank">Filipa’s GitLab</a></li> <li><a href="https://twitter.com/jakecodes?lang=en" rel="nofollow" target="_blank">@jakecodes</a></li> <li><a href="https://gitlab.com/jschatz1" rel="nofollow" target="_blank">Jacob’s GitLab</a></li> <li><a href="https://twitter.com/iamphill?lang=en" rel="nofollow" target="_blank">@iamphill</a></li> <li><a href="https://iamphill.com/" rel="nofollow" target="_blank">iamphill.com</a></li> <li><a href="https://github.com/iamphill" rel="nofollow" target="_blank">Phil’s GitHub</a></li> <li><a href="https://gitlab.com/iamphill" rel="nofollow" target="_blank">Phil’s GitLab</a></li> <li><a href="https://twitter.com/gitlab?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">@gitlab</a></li> </ul>Sponsors<ul> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_campaign=dt-kendo-ang2-nov16&amp;utm_content=audio&amp;utm_medium=cpm&amp;utm_source=adventuresinng" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Digital Ocean</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_campaign=podcast-influencers&amp;utm_influencer=419364&amp;utm_medium=affiliate-program&amp;utm_source=pbm" rel="nofollow" target="_blank">FreshBooks</a></li> </ul>Picks:Chris<ul> <li><a href="https://www.vuemeetups.org/" rel="nofollow" target="_blank">vuemeetups.org</a></li> <li><a href="https://store.steampowered.com/app/210970/The_Witness/" rel="nofollow" target="_blank">The Witness</a></li> <li>His request system</li> </ul>Divya<ul> <li><a href="https://github.com/sdras/vue-vscode-extensionpack" rel="nofollow" target="_blank">Sarah Drasner vue-vscode-extensionpack</a></li> <li><a href="https://www.youtube.com/watch?v=63I-mEuSvGA" rel="nofollow" target="_blank">The Cost Of JavaScript - Addy Osmani - Fluent 2018</a></li> <li><a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a></li> </ul>Joe<ul> <li><a href="https://www.frameworksummit.com/" rel="nofollow" target="_blank">Framework Summit</a></li> <li><a href="https://twitter.com/youyuxi/status/1009570018202439680" rel="nofollow" target="_blank">Evan You Tweet</a></li> <li><a href="https://www.youtube.com/channel/UCMoNOUJPZTjA1w3ttT819SA" rel="nofollow" target="_blank">Jayne - Overwatch Coaching on YouTube</a></li> </ul>Filipa<ul> <li><a href="https://twitter.com/sarah_edo/status/1006907936977743873" rel="nofollow" target="_blank">Sarah Drasner Tweet</a></li> <li><a href="http://ricardofilipe.com/coffeetabletype/" rel="nofollow" target="_blank">Coffee Table Typography</a></li> </ul>Jacob<ul> <li><a href="http://flask.pocoo.org/" rel="nofollow" target="_blank">Flask</a></li> <li><a href="https://en.wikipedia.org/wiki/The_Americans_(2013_TV_series)" rel="nofollow" target="_blank">The Americans</a></li> </ul>Phil<ul> <li><a href="https://www.centerparcs.co.uk/" rel="nofollow" target="_blank">Center Parcs</a></li> <li><a href="https://ergodox-ez.com/" rel="nofollow" target="_blank">ErgoDox EZ</a></li> </ul>Special Guests: Filipa Lacerda, Jacob Schatz, and Phil Hughes. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

VoV 025: Gitlab's journey with Vue with Filipa Lacerda and Jacob Schatz

The best podcast episodes on non-current politics. Covering topics such as universal basic income, democracy, poverty & justice and more. For anyone interested in learning more about politics that affect that world, not just now, but in the longer term. Add episodes you're interested into your queue below!

Best Non-Current Politics Podcasts

The best self improvement podcast episodes. From improving productivity, to finding purpose in your life to what constitutes freedom, this topic is on anything and everything that can help people to improve their lives. Add episodes you're interested into your queue below!