Views on Vue

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

Special Guest: Krystal Campioni.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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/

Special Guest: Marina Mosti.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

Special Guest: Piero Borrelli.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

Special Guests: An Phan and Thorsten Lunborg.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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)

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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
• [email protected]

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/

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

Special Guest: Rolf Haug.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

Special Guest: Damian Dulisz.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

 Special Guest: Aaron Gustafson .

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

Special Guest: Sunil Sandhu.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy