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

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 Picks Ben Hong: Supernatural Ari Clark: Top of the Lake Elizabeth Fine: Victor-monoAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 be meticulous is very high, Typescript also adds type security, finding typos and mistakes, and provides clarity to the team and consistency for the front and back ends. Ari expresses her desire to use Typescript in a current project at Liquid and the panel gives her advice on the best way of bringing in Typescript late into a project. At the end of this episode, Chris Fritz explains what it means for Vue developers since Vue 3.0 will be written in Typescript.  Links https://www.politico.com/https://twitter.com/jackpkoppa?lang=enhttps://github.com/jackkoppahttps://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Ben Hong: Comic Con Stardew ValleyEducated: A Memoir Ari Clark: https://softskills.audio/ Chris Fritz: In Vue, When Do I Actually Need the :key Attribute and Why?https://beatsaber.comhttps://beatsaver.com/ Jack Koppa: https://overreacted.io/react-as-a-ui-runtime/AuroraSpecial Guest: Jack Koppa. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 correct these problems   The panel discusses how to get started speaking at conferences and gives advice for submitting conference proposals (CFP). The benefits of starting small by speaking at local meetups are considered. Local meetup organizers are always looking for willing speakers and by giving talks here first speakers can receive friendly and honest feedback. Chris Fritz gives instructions on how to get useful feedback instead of polite compliments from the audience. The panel gives advice on writing talks, most importantly to have an objective for your talk. Ben Hong explains why it is important to submit more than one CFP and more than one type of talk. The panel discusses the different types of talks and reminds listeners not to undervalue case studies because each experience is unique and valuable. Chris and Ben share what organizers look for in CFP’s and why they may be rejected. The panel ends the discussion with an explanation of speaker accommodation packages and how to ask for them.  Links Agile Design Systems in Vue - Miriam Suzanne at VueConf.USCallum Macrae - Accessibility with VueAdvanced Animations with Vue.jsVue in Motion - Rachel Nabors - VueConf US 2018https://slides.com/Back to the Vueture: Stuck in the Event Loophttp://www.sarahmei.com/blog/2014/04/07/what-your-conference-proposal-is-missing/  https://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Ben Hong: Paris, France Ari Clark: After LifeDerek Chris Fritz: NanetteTIS100Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 whether or not Ben Hong will include function API’s in his workshop at Vue Toronto. Nosa shares his experience at Vueconf US and compares it to conferences he attended in Nigeria. The Nigerian Vue community and what the challenges he faced in his journey to becoming a developer. Concatenate and its mission is discussed. Ben Hong invites everyone to support this conference.  Links https://stackoverflow.com/https://vuetoronto.com/https://us.vuejs.org/workshops/Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview!https://opencollective.com/concatenatehttps://twitter.com/c0depandahttps://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Ben Hong: Big Magic: Creative Living Beyond Fear Erik Hanchett: Stranger Things Vue 3.0 Nosa Obaseki: Black MirrorSpecial Guest: Nosa Obaseki. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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-changed-my-lifeDream Builders coursehttps://vuetoronto.com/https://antarcticonf.com/https://www.ukraine.buildstuff.events/https://www.buildstuff.lt/#!https://medium.com/@debbie.obrienhttps://twitter.com/debs_obrienhttps://github.com/debs-obrienhttps://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Ben Hong: Tessa Park- Co-organizer for Vue NYC Ari Clark: Kirkland Signature Fruity Snacks Chris Fritz: Difficult Conversations: How to Discuss What Matters MostNonviolent Communication: Create Your Life, Your Relationships, and Your World in Harmony with Your ValuesSpeechless Debbie O’Brien: https://hasura.io/  https://ultimatecourses.com/learn/javascript-basics Special Guest: Debbie O'Brien. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors 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.freecodecamp.org/https://cssbattle.dev/https://www.rei.com/https://github.com/cedar/cedarhttps://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Ben Hong: Always Be My Maybe Elizabeth Gilbert's talk on the calm app.  Ari Clark: https://www.gobble.com/Sleep Cycle App Elizabeth Fine: https://tympanus.net/codrops/https://www.notion.so/https://github.com/SortableJS/Vue.DraggableSpecial Guest: Elizabeth Fine. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 Ushttps://learning-resource-path.gitbook.io/resources/Special Guest: Gift Egwuenu. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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

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   https://vuejs.org/v2/guide/components-dynamic-async.htmlhttps://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/GloomyLumihttps://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Chris Fritz: https://zzz.dog/  Ben Hong: https://cssgrid-generator.netlify.com/  https://www3.nhk.or.jp/nhkworld/en/ondemand/program/video/10yearshayaomiyazaki/?type=tvEpisode&  Ari Clark: The Wilderness by Explosions In The Sky https://vuevixens.orghttps://gridcritters.com/Special Guest: Ari Clark. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy