Views On Vue

Episode Summary In this episode of Views on Vue, the panel waxes philosophical while talking with Microsoft advocate Chris Noring. Chris is also the senior cloud developer at Microsoft and has experience in a variety of frameworks including, .NET, Angular, React and Vue.   The first topic the panel discusses is Chris’s work with VuePress. Chris shares why he chose VuePress and what his experience has been with using it. Chris describes the absolute simplicity of using VuePress. Chris goes on to explain that though VuePress may not come with all the bells and whistles, it is easy to add the features he wants with his opensource GitHub repo. The panel takes a minute to discuss the VuePress blog plugin.    Remembering a talk that Chris gave, the panel discusses imposter syndrome. The panel all shares the feelings of inadequacy they have all felt at some time or another. Chris explains how he overcame imposter syndrome and share tips for others to overcome it as well.    The panel then discusses the intere

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

Sponsors The Freelancers ShowSentry– use the code “devchat” for two months free on Sentry’s small plan GitLab | Get 30% off tickets with the promo code: DEVCHATCOMMIT CacheFly   Panel Chris Fritz Ben Hong Ari Clark Joined by Special Guest: Jack Koppa Summary Jack Koppa, a frontend developer at Politico, joins the panel to discuss the adoption of Typescript at Politico. Having a background in Angular, React and Vue, Jack compares the onboarding process for all 3 frameworks. Jack Koppa explains why Politico decided to switch to Typescript and shares his experiences during the change. The panel discusses the reactions of the other developers at Politico and Jack explains the learning curve and eventual acceptance of Typescript among the Politico developers. Typescript can solve many problems and the panel expounds on those while also addressing the drawbacks of using Typescript. While Typescript has a learning curve, can take up time to write and the need to b

Sponsors Adventures in DevOpsSentry– use the code “devchat” for two months free on Sentry’s small plan The Freelancers ShowCacheFly   Panel Chris Fritz Ben Hong Ari Clark Summary In this episode, the panel has a fun time as they discuss what makes a good talk and how to get started as a speaker. The panel lists attributes they love in a talk that makes them want to jump onto their computers and code: having an easy call to action with resources, start the talk with why the audience should listen and what they stand to gain from the talk, and authentic humor are only a few. Amazing example talks and speakers are given as resources to study these attributes. The panel also discusses cringe-worthy mistakes made by speakers that can kill an interesting talk: too many words on your slides or reading from your slides, rambling personal anecdotes, tangents, and jokes, or being overly professional and talking down to your audience and many more. Advice is given on how to

Sponsors NetlifySentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Panel Ben Hong Erik Hanchett Joined by Special Guest: Nosa Obaseki Summary Nosa Obaseki joins the panel to share his story and his experience learning Vue in Nigeria. He shares how he got started in Vue and the resources he used. The panel praises the Vue documentation and shares their experiences of learning from them. The panel compares the methods for debugging including the use of stack overflow and google. Nosa shares his experience with the next step he took in learning Vue, taking on a project.    The panel asks Nosa about concepts he found difficult to grasp, these include structuring, state management and wen to use actions and mutations. This topic leads the panel to discuss the upcoming release of Vue.js 3.0 and the addition of the function API. The panel considers whether or not Vue 3.0 will break Vue and what problems it may solve. The topic turns to conferences and wh

Sponsors NetlifySentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Panel Ben Hong Ari Clark Joined by Special Guest: Debbie O'Brien Summary Debbie O’Brien shares her journey becoming a programmer and how she got into Vue and contributing to open source projects. The panel talks about contributing to open source and how to get started contributing. Debbie discusses her background in education and her work with Vue school and ultimate courses. The panel discusses the misconceptions about open source maintainers and speakers and how they are just people. Debbie shares experiences give Nuxt talks and the panel gives tips to Ari for her upcoming talk.  Links https://vueschool.io/https://vueschool.io/courses/vue-router-for-everyonehttps://ultimatecourses.com/Debbie O'Brien - Getting started with nuxt.js + static sites - vueday 2019Leave your legacy code behind and go Nuxt - Debbie O'Brien - Vue Day 2019https://blog.teamtreehouse.com/learning-to-code-cha

Sponsors NetlifySentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Panel Ben Hong Ari Clark Joined by Special Guest: Elizabeth Fine Summary Elizabeth Fine starts by talking about getting into Vue and working at REI. The panel discusses the Cedar component library put out by REI. Elizabeth answers questions about the documentation, the when to use and when not to use section in the documentation and what cedar does it. The panel considers the UI toolkit for designers in Cedar and collaborating with designers.   Elizabeth shares her experience organizing the Seattle CSS meetups and compares ways of finding content with Ben Hong. Ari Clark discusses her upcoming talk at a Boulder.js meetup. The panel discusses the controversy of the composition functions being implemented in Vue. Each member of the panel shares their experience learning to code and the need for a support system.  Links https://twitter.com/ElizabethFine4http://fine.net/https://www.f

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

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

Sponsors NetlifySentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly Panel Chris Fritz Ben Hong Joined by Special Guest: Ari Clark Summary Frontend developer at Liqid Inc. Ari Clark, discusses the Real-time app and answers questions for the panel. Ari explains what Real-time is and shares what went into building this app. She explains web sockets and shares libraries and tools used in building the app. As a newer developer, Ari talks about learning on the jobs and asking questions. The panel gives tips on how to ask questions, how to answer questions, learning from mistakes and how to overcome the fear of failure. Ari discusses the challenges of building this app and shares her experience doing a complete rewrite and redesign of the Real-time app into Vue. The panel discusses what they love about Vue and Ari explains why her team picked Vue for the rewrite and what she features in Vue made the rewrite easier.  Links

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

Sponsors NetlifySentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly Panel Ben Hong Chris Fritz Joined by Special Guest: Jilson Thomas Summary Jilson Thomas shares how he got started in vue. He gives the origin story of vuejobs and explains how it is different from other job sites. The panel praises Jilson’s work with VueConf Toronto and asks him about his experience organizing it. Jilson shares feedback from conference attendees. The panel wonders why conferences cost so much and Jilson explains what cost goes into organizing a conference. Jilson shares some of the road bumps from the conference and what he would have done differently. VueConf Toronto 2019 is discussed; Jislon shares what he has planned for that conference.  Links https://twitter.com/jilsonthomashttps://vuejobs.com/  https://vuetoronto.com/  https://2019.jsconf.eu/news/the-jsconf-cssconf-eu-finances/  https://www.facebook.com/ViewsonVue

Sponsors NetlifySentry use the code “devchat” for 2 months free on Sentry smallTriplebyte offers a $1000 signing bonusCacheFly Panel Ben Hong Joined by Special Guest: Raymond Camden Summary Raymond Camden discusses a few of his blog posts with Ben Hong. The first post they discuss is about vue components; Raymond explains VGauge and Toasted notifications. The next post they discuss is about handling errors in Vuejs. Raymond answers questions about NativeScript, how it works, what the layout is like, and how he uses it in his daily programming. Ben asks Raymond about his experiences learning Vuejs and what it was like switching from Jquery. Raymond shares resources for getting started with Vuejs. Links https://www.raymondcamden.com/2019/04/19/vue-components-ftw-vgauge-and-a-love-letter-to-codesandboxhttps://css-tricks.com/making-the-move-from-jquery-to-vue/https://www.raymondcamden.com/2019/05/01/handling-errors-in-vuejshttps://nativescripting.com/https://www.raymondcamden.comhttps://twitter.com/raymon

Sponsors NetlifySentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly Panel Chris Fritz Ben Hong Natalia Tepluhina Joined by Special Guest: Michele Cynowicz Summary Michele Cynowicz tells the panel about working for Vox and what they do. She shares her experience integrating VueJs into their Rails applications. Michele discusses why Vox made the switch and how they chose VueJs. Michele explains how they rolled out the new application and what they might have done differently. She answers questions about using Apollo for state management and how the Vox design system works.   Links Michele Cynowicz - Shifting to Vuehttps://product.voxmedia.com/https://twitter.com/michelecynowiczhttps://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Chris Fritz: http://www.letswatchstartrek.com/ds9-episode-guide/DBT® Skills Training Manual, Second EditionStories of Your Life and Others  Ben Hong: Building

Sponsors NetlifySentry use the code “devchat” for 2 months free on Sentry smallTriplebyte offers a $1000 signing bonusCacheFly Panel Charles Max WoodBen HongNatalia Tepluhina Joined by Special Guest: Alex Vipond Summary Alex Vipond introduces himself and what he does. He introduces renderless components and why he uses them. The panel discusses renderless components and how they have a more advanced UI logic. Alex shares his work and goals with Baleada, the renderless component library he is building. The panel asks Alex about how get got into vue, renderless components and his experience in working in documentation. Alex shares some documentation tips and lessons he learned working in customer service. Links https://kumu.io/https://vuejsdevelopers.com/2019/02/11/renderless-component-libraries/https://tailwindcss.com/docs/what-is-tailwind/https://www.gitbook.com/https://alexvipond.dev/https://github.com/AlexVipondhttps://www.facebook.com/ViewsonVuehttps://www.facebook.com/ViewsonVue Picks Charles Ma

Sponsor NetlifySentry use the code “devchat” for 2 months free on Sentry small Triplebyte offers a $1000 signing bonus CacheFly Panel Chris Fritz Divya Sasidharan Ben Hong Natalia Tepluhina Erik Hanchett Joined by Special Guest: Krystal Campioni Summary Krystal Campioni starts by introducing herself and her background. She shares how she got into Vue and her design education. She shares resources for developers looking to learn more about design. She shares free online animation resources. The panel shares their favorite animation tips and discusses what makes vue a great framework for animations. The panel considers the value of animation; what are the benefits for both the user and the team. Links http://cubic-bezier.com/https://easings.net/enhttps://twitter.com/sarah_edoVisualizations using SVG, Canvas, and WebGL in Vuehttps://vuejs.org/v2/guide/transitions.htmlhttps://vuejs.org/v2/guide/computed.htmlhttps://www.udemy.com/vuejs-2-the-complete-

Sponsors NetlifySentry use the code “devchat” for $100 creditTriplebyte offers a $1000 signing bonusCacheFly Panel Chris FritzBen HongErik Hanchett Joined by Special Guest: Marina Mosti Summary Marina Mosti explain what is date-fns and why people need them. The panel askes Marina questions about her articles for beginners, starting with why she wrote the articles. Marina shares what she learned while writing the articles and what people like about her articles. The panel comments on the relatable examples used in her articles and wonders how she came up with them. Marina shares her thought process while writing and her frustration with the need people to be spoon fed information. The panel gives advice to people who want to write articles or create resources. Marina gives tips on overcoming your fears when writing and shares a time when she got something wrong and how kind and helpful her readers were. Links https://dev.to/marinamostihttps://twitter.com/marinamostihttps://github.com/vuelidate/formvuel

Sponsors NetlifySentry use the code “devchat” for $100 credit Triplebyte offers a $1000 signing bonus Panel Natalia Telpuhina Ben Hong Chris Fritz Joined by Special Guest: Piero Borrelli Episode Summary Today’s episode features special guest Piero Borrelli. Piero is not currently using Vue but has experience with multiple frameworks.Currently he is a full-stack NodeJS developer and uses a lot of Angular as well. In this episode, the panel discuss Piero’s article 10 Things Programming Has Taught Me About Life. Piero leads the discussion, inviting the panel to reflect on their choice to use Vue. They begin by discussing how Vue works for use cases and some weaknesses to look out for. Each of the panelists reflects on how they got started working with Vue. They give advice to people just starting out with Vue that they wish they would have done differently when they began. The panelists share some of their first projects they built in Vue and what made those projects fu

Sponsors NetlifySentry use the code “devchat” for $100 creditTriplebyte offers a $1000 signing bonusCacheFly Panel Chris FritzCharles Max Wood Joined by Special Guests: Thorsten Lunborg and An Phan Episode Summary Thorsten Lunborg and An Phan are both members of the VueJS core team. This episode of Views on Vue has the panelists talking about things that they dislike about Vue and cool features coming to Vue 3. Vue 3 will see a replaced reactivity system, migration guide and a migration helper, changes to component styling, adding listeners will be made more explicit, and the Native modifier will be removed. The panel discusses mixins and hooks and how those features will be improved in Vue 3. They also discuss difficulties using Vmode. One of the major changes to Vue 3 will be in the language and terminology. Right now, there are often multiple terms for the same feature. The panel discusses how the ambiguity of terminology and how the overlap between tech words and real life words can be confusing. T

Sponsors NetlifySentry use the code “devchat” for $100 credit Triplebyte offers a $1000 signing bonus CacheFly Panel Eric Hanchett Divya Sasidharan Joined by Special Guest: Tessa Episode Summary Tessa is UI developer, teacher, and community organizer. Her passion is finding more ways to build reusable components. She talks about the component work she’s been doing, specifically experimenting with building a reusable component library that’s documented and building reusable components into existing apps. She talks about what she means by reusable component and her approach to building components. They discuss the use of slots, wrapping, and how they came to understand scope slots. In addition to component libraries, Tessa loves teaching. She delves into her history with teaching and some of her methods. They talk about the importance of student interaction and how students are encouraged to answer questions and interact with each other. Tessa believes that it is important to