Views on Vue

This episode of Views on Vue features Tracey Holinka, a web application architect with the role of front-end lead for Bloomberg industry group. The Views on Vue podcaster begin by asking Tracey how she got into Vue. Her Vue experience starts at work where she didn’t like the technologies they were using so she and a colleague decided to switch over to GraphQL, Apollo Client, and Vue. One of the many things that she appreciates about Vue is its diverse array of applications.   Ari begins a discussion on Vue and CSS by asking Tracey if she has found any notable differences, in terms of developer experience, between doing single file components or using Vue by including a script tag. Tracey responds to this by sharing her preference for single file components because she appreciates the division of the languages, or in other words she likes HTML files only having HTML, her CSS files only having CSS, and so on. She feels that with this separation of languages she can work faster and understand the code easier.   The Views on Vue panelists then ask Tracey how she handles CSS in her Vue development environment. She shares her opinion on how she used to prefer manual scoping, particularly for smaller projects and push CSS modules for larger projects. She then goes on to share why she now prefers CSS modules for projects of all sizes. She then goes on to share some of her best practices with the other Vue developers for writing proper CSS including ways to prevent collisions and when she uses CSS preprocessor. The panelists then asked Tracey how she knows when to modularize or componentize an element of a page or other functionality. In response to this question Tracey shares how she came up with her best practices and why she likes to componentize when she does.   Next the Vue experts discuss tools they use to help support the use of component libraries and ways to help other developers figure out what components are available. Tracey shares how she went to a Vue conference and heard about the component library Storybook as well as storyshot which is a plugin for Storybook that is used in regression testing. Storyshot works by taking an image of a component and uses it to check the CSS of a page. Since Tracy had been using Vue for about a year before using Storybook and storyshot, Ari asks how difficult it is to retroactively fit an application with these tools. Tracey shares that this retrofitting is easy, particularly more so if the user is familiar with unit testing already. The Vue experts also discuss different technologies that they use for unit testing such as Jest, Vue Util, Cucumber, and Webdriver.io. They discuss the benefits of using GraphQL and Apollo instead of the more common Rest API solution.   The final topics discussed by the Vue panelists are community building and women in the technology community. Tracey’s shares her observation that the Vue community is growing but she wants to focus on having more women involved. The panel holds a discussion about women in tech and some of the challenges facing them. They discuss some of the support that is out there for women to help them succeed in technology. The Vue community is a very inclusive community that is proactive about including everybody.  Special Guest: Tracey Holinka.

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

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

On this episode of Views on Vue the panelists discuss their preferences for their development environments and tools. They begin with their preferences for text editor, font, and theme in their Vue development environments. All three currently use Visual Studio Code as their main text editor. Ari Clark switched to VS Code from Atom because she prefers the support that it has for Vue and Ben Hong switched from Sublime. Ben prefers the night owl theme and the operator mono font. On the other hand, Ari prefers the one dark pro theme for its syntax highlighting and prefers dank mono as her font. The Views on Vue panelists then go on to discuss their preferences on using the terminal. They weigh the pros and cons of using the integrated terminal and when they turn to other shells. The other potential shells that the Vue panelists discuss are Bash, Zsh, and Fish. The panelists focus on the speed and performance of the shells, and make an important note that not all shell commands are valid on other shells and the user will have to be familiar with the shell they are using. The Vue experts discuss whether they use the command line interface (CLI) or VS Code version control to manage their git version control. The panelists then weigh the pros and cons of different terminal shells they like to use. The panelists also briefly discuss how open they are to changing their development environment setup.  The topic then shifts to extensions for VS Code. The Views on Vue podcasters mention their preferences for a bracket colorizer, extension packs, code snippets and other tools. They talk specifically about the following extensions: Vue VS Code Extension Pack and Vue VS Code Snippets by Sarah Drasner, and Vetur created by Pine Wu, the latter of which the panelists identify as a quintessential extension for writing Vue. They discuss the merits of code snippet extensions as reusable code and creating them in VS Code.  They also discuss some of the different types of snippets that exist and how to use them. The Views on Vue panelists discuss ways to enforce best practices in addition to code snippets. They talk about using code generators like Hygen to automatically fill out the template for specific types of files. They share that creating unit tests helps to ensure best practices and that the code works as intended, as well as the differences between unit tests and end to end tests. They go over the strengths of an end to end testing tool called cypress. Tools like Husky or Yorkie allow you to add pre commit hooks to the package.json file that will automatically manage all the linting for a project.  Finally the panelists share their preferences browser tooling for Vue projects in addition to browser developer tools and their browsers of choice. Ari says that she prefers the previous version (version 4) of Vue devtools than the current version (version 5) and her reasons why. Chris Fritz shares that he likes Vimium for setting up quick navigation and Ben shares that he likes to use Keyboard Maestro. Panelists

• Ben Hong 
• Ari Clark 
• Chris Fritz

Sponsors

• Tidelift
• Sentry.io use code “devchat” for 2 months free
• React Round Up 
• Elixir Mix

Links

• Atom 
• Sublime
• Vue VS Code Extension Pack by Sarah Drasner
• Vetur by Pine wu 
• Vue VS Code Snippets by Sarah Drasner 
• Hygen 
• Cypress 
• VoV 007: Testing Vue.js with Cypress with Gleb Bahmutov
• Husky
• Vimium
• Keyboard Maestro
• Vue devtools

Picks Ari Clark

• Gris 

Ben Hong

• Ralph Breaks the Internet

Chris Fritz

• Spiderman: Into The Spiderverse

Children of Ruin

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

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

Luca Mezzalira is an Italian developer. He is the VP of architecture at DAZN, a multi-country live streaming platform for sports, Google developer expert, and London JavaScript community manager. Luca got his start in programming 16 years ago when a friend told him about it and gave him a book. He was very intrigued and went on to learn multiple languages and travel the world for his job. For the last 4-5 years he’s been working in architecture, and is now the leader on thoughts on micro-frontends.  Luca first defines what he means by a micro-frontend. He advises that when designing a new application one should consider how to make it scalable from the beginning. His passion for micro-frontends came from working with DAZN, where they need to enable hundreds of people to work on the same project in different time zones and locations. This problem was solved by microservices.A microservice is a self contained, autonomous, independent service that can be deployed inside a system responding to an API you can consume. It only does one job, and when you have a backend that has multiple microservices you can move away from the old monolith, and scale one API at a time and apply an independent release of a service. Microservices are often applied to the backend, but Luca talks about how the same principles can be applied to the frontend. This is similar to the way that Netflix works. His advice is to think about how you can slice your frontend into individual pieces. Micro-frontends can work with both regular and micro-backends. Luca talks about how DAZN has developed, from a monolith front and back to utilizing microservices. He has found that using microservices has decreased the amount of code they release, increased their speed because decisions happen locally and independently from the rest of the program, and enables teams to work in parallel. Using microservices on both the front and backend has given this large organization greater agility overall.   Luca addresses some risks with using micro-frontends. It is important to identify your business model before implementing a micro-frontend. They are more effective when you know where your site traffic goes and you can slice your frontend properly. When applied correctly, microservices can enable your app to get more elaborate because it will only load the code that it needs.  Ari Clark wonders if having a micro-frontend helps you create autonomous teams with expertise that benefit your company or if the specialization affects your operational readiness if something goes wrong. One of the main challenges DAZN has had is knowledge sharing between teams, and he shares practices the company has implemented to help spread the information around to keep people from feeling isolated. He talks about how developer teams are set up in his company, with some temporary roles and some people in rotation. Developers are encouraged to change their team if they want to try another challenge. Luca has found that this set up causes people to stick around longer, but notes that it is important that your location be pretty stable in the number of people there before implementing this method. He also talks about how people other than developers are divided in the company.  Luca talks about some of the challenges they’ve had with this organization and the tools they’ve employed that are conducive to this business structure. Some of their management methods are working in small iterations, creating bridges between teams, and centralizing some teams. They are currently working on creating a structure where developers at any stage can chip in. The panel discusses the value of this business setup.  The panel asks Luca his feelings on code reuse. He believes it to be important, but not essential. He talks about how resing code is implemented in his company and how they are working on a way to make it better. Luca notes that if you have a unique framework you’re using, you need to have try to have multiple libraries of the same framework for different versions. He also talks about situations where he found duplicating code helpful. The show finishes with the panel discussing his article on micro-frontends on Medium.  Panelists

• Ari Clark
• Chris Fritz
• Elizabeth Fine
• Ben Hong

With special guest: Luca Mezzalira Sponsors

• Sustain Our Software
• Sentry use the code “devchat” for 2 months free on Sentry’s small plan
• Elixir Mix

Links

• DAZN
• Microservice 
• Amazon style dictionary
• I Don't Understand Micro Frontends by Luca Mezzalira

Follow DevChatTV on Facebook and Twitter Picks Ari Clark:

• What We Do in the Shadows on Netflix and Hulu

Chris Fritz:

• VoiceAttack
• Lover by Taylor Swift

Elizabeth Fine:

• CookBook app

Ben Hong:

• Exhalation by Ted Chang
• Perplexus Epic

Luca Mezzalira:

• The Phoenix Project
• Building Micro-Frontends Webinar September 30, 2019
• Follow Luca @lucamezzalira and at https://lucamezzalira.com

Special Guest: Luca Mezzalira.

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

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

In this episode of Views on Vue the panel interviews core team member Rahul Kadyan. They discuss his various contributions to the vue ecosystem and his recent conference, Awesome Conf. The panel starts by asking Rahul about rollup-plugin-vue. Rollup is a bundle like webpack. When Rahul got his start in Vue he wanted to use rollup so he created rollup-plugin-vue. This caught the eye of the core team and he received an invite to join the core team.  Rahul spends most of his time in Vue working with compilers, the panel asks him about template compilation. He explains when template compilation happens and how knowing how it works can help you create better templates. Rahul shares all the awesome things that can be done with templates. The topic moves to stand alone and runtime only builds in Vue. Rahul explains how each of these builds. The panel considers possible use cases for both builds. The stand alone build being larger is good for only about 10% of cases. The runtime only build works well in cases where you already have a build process. On top of Vue being smaller, it can also make your website run faster.    Rahul recently gave a talk about single file components or SFC in Vue. He explains the easiest ways to use SFC and what it is capable of. The panel compares SFC to an ordinary JavaScript file. Rahul lists the benefits of using and SFC over a regular JavaScript file, one being you get the best out of the box render function in Vue.  The panel asks about the work Rahul is doing at work, building a design language system. He explains the difference between a design system and a design language system.  A design language system defines what every interaction will look like, it has a larger scope than a regular design system. He explains how useful it is and what they use it for.  Some of his other contributions to the Vue ecosystem include the vs code language plugin he is currently working on. In this project, he is exploring ways to find all your global components so that way he can provide completions for all the components. Also in this plugin, he is exploring using a compiler to get all the information about each component.  He is hoping to include editing capabilities which gets the panel really excited.  Rahul has a repo called vue-lazy-hydration, which allows you to hydrate components as you need them while doing server-side rendering. He explains what he means by hydration and how by using async hydration the long delay that normally comes with server-side rendering is no longer a problem. He is currently creating demos for the repo.  The first Awesome Conf was held recently and Rahul shares his experience setting it up. Awesome Conf is different than other conferences in that the speakers were actually the attendees. Rahul explains how all this came about. At first, they were going for a normal conference but didn’t get enough speakers, so they reached out to the attendees and told them they would have to provide the talks. They provided topics for the attendees to choose from and chose 15 talks from the ones submitted. With such a small conference they let everyone bring a plus one. The conference was a success and everyone had a great time.  Rahul is looking forward to doing another Awesome Conf this time for design. He is still working out the details but he wants a diverse group that can really learn from each other. The panel considers what they would do if they were asked to speak. They share their fears of speaking and Rahul shares some of the advice he gave to the speakers as he helped them prepare for their talks.  To finish the episode, Chris Fritz asks Rahul why he chooses to work with compilation. Rahul shares his story about getting into computer science and eventually compilation. He explains why he loves working in compilation and how it helps him as a front end developer.      Panelists

• Chris Fritz
• Elizabeth Fine
• Ari Clark

Guest

• Rahul Kadyan

Sponsors  

• Adventures in DevOps
• Sentry– use the code “devchat” for two months free on Sentry’s small plan
• The iPhreaks Show
• CacheFly

Links

• Demystifying: The Dark Art of SFC Compilation with Rahul Kadyan
• https://github.com/vuejs/rollup-plugin-vue
• https://github.com/znck/lazy-hydration
• https://connect.tech/
• https://twitter.com/znck0?lang=en
• https://awesomeconf.design/ 
• https://www.facebook.com/ViewsonVue
• https://twitter.com/viewsonvue

Picks Chris Fritz:

• Build a self-care app
• Crazy Like Us: The Globalization of the American Psyche
• Children of Ruin
• Interference: a novel (Semiosis Duology Book 2)

Elizabeth Fine:

• https://illustrated.dev/

Ari Clark:

• Forager

Rahul Kadyan:

• Love, Death & Robots
• Detroit: Become Human

Special Guest: Rahul Kadyan.

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

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

Episode Summary   In this week’s episode of Views one Vue, the panel interviews Vue’s biggest fan, Gwendolyn Faraday. Gwen shares her story of getting into vue. How she was a little reluctant at first but ended up being so impressed with everything Vue has to offer. Gwen is a Vue educator and loves how easy it is to teach Vue, with its great docs and human-focused design.   Gwen explains why she is such a big fan of Vue. It is easy to use. It is intuitive to use. The documentation is wonderfully written. She loves that Vuex and Vue Router are actual Vue products that work seamlessly with the framework, making a cohesive ecosystem. She declares that Vue is not just for beginners, it is a production-ready, battle-tested language with a human-driven design.     The panel asks Gwen what makes learning and teaching Vue easier. Gwen explains that Redux is complex and hard to understand while Vuex is much simpler to understand. She tells the panel that Vue is much easier to learn because it has fewer complex concepts and fewer layers of abstraction. This makes it easier for new developers to get started coding sooner.    Gwen considers some of the common problems she experiences while teaching programming languages, not just Vue. For Gwen it can be hard to go slow and hit each step, not skipping any small step or concept. Explaining, Gwen tells the panel it is hard to remember what it was like not to know anything or remembering what was hard to grasp at first. Vocabulary and programming jargon is another thing Gwen share that can be hard to teach. This inspires the panel to consider how often developers get drawn into their own world and language, not remembering that others might not understand what they are talking about.    Chris Fritz, who has a background in education, wonders how Gwen got started teaching. Gwen explains that teaching is just a natural way for her to learn. When she wants to learn something she started meetups. Her meetups help her learn and grow. The panel considers that concept and thinks of their experiences learning through teaching.    The panel brings up Gwen’s self-taught coding education. Ari Clark wonders how being self-taught affected her teaching abilities. Gwen considers this, then gives some of her thoughts on the different ways someone can learn to code. She gives a few recommendations for learning code and encourages everyone to figure out if they can or want to actually do the job before putting in too much time and resources into learning.    Gwen, shy by nature, explains how she goes about getting to know people at meetups or in the community.  She explains how she likes to give a talk as a way of introducing herself to everyone at once. The panel thinks this is a genius plan for shy people. They explain that people are often shy and awkward because their role is undefined. By speaking or running a meetup they are in control, they know what they are supposed to be doing and have a defined role.   The next topic the panel discusses is Gwen’s meetups. She runs two meetups, the first is a group for beginners and intermediate. It has grown to over 1100 members. Also, she recently started a blockchain meet up. Gwen admits that she is no blockchain expert and loves that hosting this meetup she is pushed to learn. The panel is impressed that she admits that she is not an expert and consider how fearful people can be of admitting that they don’t know everything.    The panel asks Gwen questions about running her meetups. She explains how it can be a struggle to find speakers. Though it is easier to find speakers for her beginners' group because people are always willing to help beginners. Blockchain being more niche has more of a study group feel, as the number of members is lower and they are all sort of learning together.    The panel asks Gwen about her talk in Australia about why Vue is growing so fast. In her talk she describes Vue as the gold standard of the JavaScript world and that all other frameworks need to catch up. In her talk she points out her frustrations when using other frameworks and how Vue takes all the good elements from other frameworks. She admits she wanted to call her talk “Why Vue.js is the Best Framework Ever”.    Confident Growth, the title of a podcast episode about Gwen is discussed. Gwen explains that that podcast episode was about her journey and the producers came up with the name Confident Growth after the interview. The panel then asks Gwen about imposter syndrome and the advice she would give for those who are struggling with it. Gwen explains that we all experience the same struggles and we need to support and encourage each other.    Gwen has a great approach to things that make her uncomfortable and an addiction to learning. She explains she hates not knowing how to do something. The panel considers how Gwen’s homeschool background inspired this love of learning. Chris’s activist side comes out as he touches on his frustrations with how education works in this country.    Gwen has a few things to say to those programmers who feel that Vue too simple and only for beginners. She gives many examples of how Vue can be used to build simple yet advanced apps. The panel considers the mindset that something that is simple or easy to use and understand can’t be a powerful tool.    The episode ends with Gwen telling listeners to look for her at a few upcoming conferences around the world. She also has a book coming out about teaching yourself how to code. Panelists

• Ben Hong
• Chris Fritz
• Ari Clark

Guest

• Gwendolyn Faraday

Sponsors  

• My JavaScript Story
• Sentry– use the code “devchat” for two months free on Sentry’s small plan
• Adventures in DevOps
• CacheFly

Links

•  
• Why Vue.js is Taking Over the Front-end World - Gwendolyn Faraday
• Episode 347 | Gwen Faraday - Confident Growth
• https://www.meetup.com/Free-Code-Camp-Indy/members/188721354/
• https://www.meetup.com/Indianapolis-Blockchain-Developers/
• https://www.meetup.com/vuejsindy/
• GOTO Copenhagen 2019
• https://www.buildstuff.lt/
• https://ndc-london.com/
• https://twitter.com/gwen_faraday?lang=en
• http://gwenfaraday.com/
• https://github.com/gwenf
• https://www.facebook.com/ViewsonVue
• https://twitter.com/viewsonvue

Picks Ben Hong:

• Screenflow

Chris Fritz:

• Elite Dangerous
• https://www.alfiekohn.org/
• Noam Chomsky- Manufacturing consent (1992)
• Exhalation: Stories

Ari Clark:

• Glow

Gwendolyn Faraday:

• https://www.freecodecamp.org/
• Saga

Special Guest: Gwendolyn Faraday.

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

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

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 Software
• Sentry– 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/features
• One developers journey to fight the Imposter Syndrome | Chris Noring | iJS London 2018
• Atomic 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=en
• https://github.com/softchris
• https://dev.to/softchris
• https://www.facebook.com/ViewsonVue
• https://twitter.com/viewsonvue

Picks Ben Hong:

• My Hero Academia

Elizabeth Fine:

• Procreate

Ari Clark:

• iOS game blackbox
• DM of Engineering

Christoffer Noring:

• Swear Trek
• https://www.babylonjs.com/

Special Guest: Christoffer Noring.

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

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

Sponsors

• Adventures in Blockchain
• Sentry– 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 Fine
• https://github.com/chrisvfritz/vue-enterprise-boilerplate
• https://vue-test-utils.vuejs.org/
• Testing Vue.js Applications
• https://www.cypress.io/
• https://vuetifyjs.com/en/
• https://accessibilitycampseattle.org/
• https://www.facebook.com/ViewsonVue
• https://twitter.com/viewsonvue

Picks Ben Hong:

• Supernatural

Ari Clark:

• Top of the Lake

Elizabeth Fine:

• Victor-mono

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

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

Sponsors

• The Freelancers Show
• Sentry– 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=en
• https://github.com/jackkoppa
• https://www.facebook.com/ViewsonVue
• https://twitter.com/viewsonvue

Picks Ben Hong:

• Comic Con
• Stardew Valley
• Educated: A Memoir

Ari Clark:

• https://softskills.audio/

Chris Fritz:

• In Vue, When Do I Actually Need the :key Attribute and Why?
• https://beatsaber.com
• https://beatsaver.com/

Jack Koppa:

• https://overreacted.io/react-as-a-ui-runtime/
• Aurora

Special Guest: Jack Koppa.

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

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

Sponsors

• Adventures in DevOps
• Sentry– use the code “devchat” for two months free on Sentry’s small plan
• The Freelancers Show
• CacheFly
•  

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.US
• Callum Macrae - Accessibility with Vue
• Advanced Animations with Vue.js
• Vue in Motion - Rachel Nabors - VueConf US 2018
• https://slides.com/
• Back to the Vueture: Stuck in the Event Loop
• http://www.sarahmei.com/blog/2014/04/07/what-your-conference-proposal-is-missing/ 
• https://www.facebook.com/ViewsonVue
• https://twitter.com/viewsonvue

Picks Ben Hong:

• Paris, France

Ari Clark:

• After Life
• Derek

Chris Fritz:

• Nanette
• TIS100

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

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

Sponsors

• Netlify
• Sentry– 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/concatenate
• https://twitter.com/c0depanda
• https://www.facebook.com/ViewsonVue
• https://twitter.com/viewsonvue

Picks Ben Hong:

• Big Magic: Creative Living Beyond Fear

Erik Hanchett:

• Stranger Things
• Vue 3.0

Nosa Obaseki:

• Black Mirror

Special Guest: Nosa Obaseki.

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

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