Views on Vue

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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