Views on Vue

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/cssremedyhttps://twitter.com/MiriSuzannehttps://github.com/mirisuzanne Picks Chris Fritz: Get some sleep Ben Hong: Taipei, Taiwan Miriam Suzanne: Something is Rotten at Buntport TheaterSpecial Guest: Miriam Suzanne. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors 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/ViewsonVuehttps://twitter.com/viewsonvue Picks Jilson Thomas: https://refactoringui.com/  ZOOKYO Webcam Cover Slide for Laptop and Mobile, Ultra Thin, Online Security, Best Camera Cover Sticker for MacBook Smartphone Mac Tablet & Cellphone, 3M Adhesive, Black 6 Packhttps://twitter.com/samantha_ming  Ben Hong: New Orleans Super Smash Brothers Ultimate Chris Fritz: Mocktails https://mealsquares.com/Special Guest: Jilson Thomas. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sponsors 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/raymondcamdenhttps://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Raymond Camden: Diablo 3 on the Nintendo Switchhttps://codabreaker.rocks/https://adiavictoria.com/silencesAsk me about adoption Ben Hong: http://puyo.sega.com/tetris/https://www.netflix.com/title/80244996Special Guest: Raymond Camden. 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 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 a StoryBrand: Clarify Your Message So Customers Will Listen Natalia Tepluhina: Avengers: Endgame Michele Cynowicz: Technically Wrong: Sexist Apps, Biased Algorithms, and Other Threats of Toxic TechWeapons of Math Destruction: How Big Data Increases Inequality and Threatens DemocracySpecial Guest: Michele Cynowicz. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 Max Wood: https://podwrench.com/https://devchat.tv/ Alex Vipond: https://adamwathan.me/renderless-components-in-vuejs/Tourism in Honduras Ben Hong: Primerhttp://steinsgate.tv/index.html Natalia Tepluhina: Better releaseSpecial Guest: Alex Vipond. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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-guide/https://vuejs.org/v2/guide/transitioning-state.htmlhttps://refactoringui.com/book/Don't Make Me Think: A Common Sense Approach to Web UsabilityVue in Motionhttps://twitter.com/kenny_io/status/1114206038801014784http://krystalcampioni.com/#/https://twitter.com/krystalcampionihttps://medium.com/@krystalcampionihttps://github.com/krystalcampioni/vue-animationshttps://twitter.com/viewsonvuehttps://www.facebook.com/ViewsonVue   Picks Chris Fritz: https://store.steampowered.com/app/736260/Baba_Is_You/Agile Design Systems in Vue Agile Design Systems in Vue by Miriam SuzanneA React Point of Vue A React Point of Vue by Divya SasidharanBuilding Desktop Applications with Vue Building Desktop Applications with Vue by Natalia Tepluhina Divya Sasidharan: https://www.customink.com/designs/dsdrasnerdhttps://www.vuemastery.com/conferences/vueconf-us-2018Advanced Animations with Vue.js Advanced Animations with Vue.js by Krystal CampioniBack to the Vueture: Stuck in the Event Loop Back to the Vueture: Stuck in the Event Loop by Tessa Ben Hong: Bad Blood: Secrets and Lies in a Silicon Valley Startup Natalia Tepluhina: Game of Thrones Krystal Campioni: Programmed Inequality: How Britain Discarded Women Technologists and Lost Its Edge in Computing (History of Computing)https://github.com/krystalcampioni/vue-hotel-datepickerSpecial Guest: Krystal Campioni. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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/formvuelattehttps://gonehome.gamehttps://twitter.com/viewsonvuehttps://www.facebook.com/ViewsonVue Pick Chris Fritz: Ben's Hogwarts accenthttps://gonehome.game/https://polyfill.io/v3/https://github.com/chrisvfritz/vue-enterprise-boilerplate Ben Hong: Make It Stick: The Science of Successful LearningThe Broken Earth Trilogy: The Fifth Season, The Obelisk Gate, The Stone Sky Marina Mosti: FormVueLattehttps://codingcoach.io/ Erik Hanchett: https://news.nationalgeographic.com/2017/04/black-hole-event-horizon-telescope-pictures-genius-science/Avengers: Endgamehttps://school.programwitherik.com/Special Guest: Marina Mosti. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 fun. They discuss how they see Vue’s position in the market. Vue has been the fastest growing open source software project for the past 3 years or so, and grows by about 10% each month. They talk about why they think Vue is so popular, with the consensus being that it is because it is very easy to get started. Chris says that if an employer is looking for Vue developers, hire a JS developer and give them a day to learn Vue. The panel discusses the best and worst parts of using Vue and how they think the framework will evolve in the future. They share resources for listeners who want to start learning Vue immediately (see links). They discuss the characteristics of a good learner. The panel agrees that the best way to learn a new framework is to build something to share with someone you care about. Links 10 Things Programming Has Taught Me About LifeNode.jsAngular 1.6.5jQueryEmberTypescriptSlotsListenersSingle root elementVue official documentationFrontend Masters Course by Sarah DrasnerThe Vue SchoolVue Mastery: Introduction to VueThe Complete Guide to Vue by Maximillian SchwarzmullerVue Land (official Vue Discord channel) Find Piero on Twitter and on his website Follow DevChat on Facebook and Twitter Picks Natalia Telpuhina: Love, Death, and Robots Follow on Twitter @N_Telpuhina Ben Hong: Form Validation in Under an Hour with VuelidateMake It Stick book Twitter and GitHub @bencodezen Chris Fritz: The OA Natalia and Ben’s workshops (bencodezen.io and Vue Vixens ) Piero Borelli: Listening to music while coding (Neotic or ChilledCow) Tools of TitansTen Developers Share Their Stories from All Over The WorldSpecial Guest: Piero Borrelli. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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. This ambiguity makes it difficult to translate the terms into other languages, especially if there isn’t a direct translation. Links PropsWrapperAttributeListenersSlothExtractScoped slotsPipesGettersEnterprise BoilerplateVue CLI 3NuxtLifecycle hooksHOC (Higher Order Component)VmodeBabelMixins Considered Harmful article An Phan on Twitter and GithubThorsten on Twitter and Github Follow DevChat on Facebook and Twitter Picks Chris Fritz: One Strange Rock on NetflixFlash Forward podcast Charles Max Wood: The Expanse seriesBuzzsprout An Phan: Lincoln in the Bardo by George SaundersAvengers Endgame Thorsten Lunborg: Spiderman: Into the Spider VerseOctoTree and OctoLinkerThe Fabric Presents Mix by BonoboSpecial Guests: An Phan and Thorsten Lunborg. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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 create an atmosphere where people feel like they have something to contribute, including more advanced students helping more beginner students. Tessa talks about her experience with organizing communities and meetups within the tech world. She gives advice on how to start your own meetup. Tessa is currently an organizer for VueNYC, and talks about some of her work with them. She gives techniques for building communities and motivating people to talk to each other and interact at meetups. Organizing communities and meetups tips. The panel discusses inclusivity in the tech world and how to incorporate multiple demographics into meetups. Finally, Tessa introduces her concept that she has spoken on in the past, “trash brain”, which is how you might know the solution to a problem but it is very context specific, and the panel discusses how to deal with that. Links APIPropsSlotsTranclusionsV-modelBuefyWrapperScoped slotsRenderPropsNextechClosure in comicsVuejs.nyc Follow DevChat on Facebook and Twitter Picks Divya Sasidharan: Asher’s chocolate-covered biscuits ASMR cooking videos Public libraries Eric Hanchett: Buefy for Vue JSChris Fritz’ Enterprise Boilerplate Captain Marvel Tessa: No Hard Feelings book Eating dry ramen with the flavor poured on top as a snack Get Smart movie and The Detective Returns (Korean film) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy