​Lunch Talks #2: Vue.js

Hello everyone and welcome to the second week of Codegram's Lunch Talks™

Since I started working at Codegram, I’ve been telling everyone how cool Vue is, so when my turn came to prepare the lunch talks it was pretty clear what they would be about. So this week we're going to focus on 💚Vue.js💚 and how it can turn you into a happy developer!

How to introduce Vue into your app and team - Chris Fritz

https://www.youtube.com/watch?v=SB_ZWr2_Bzo(26min)

In this talk, we'll see how to introduce people to Vue, from those who are already building SPA with other frameworks to backend/jQuery people (it’s kind of weird to have backend+jQuery in the same group, but it makes more sense when you see the video). There are also a few tips on how to integrate Vue with existing applications without actually re-writing everything from scratch.

A React Point of Vue - Divya Sasidharan

https://www.youtube.com/watch?v=5TgvhATYm3Q(28min)

In this talk, we'll learn that Vue is the perfect word to do silly puns. Also, Divya will talk about her experience switching from React to Vue. Even if you don’t come from a React background (at Codegram we’re more Angular people), she covers a lot of the basic concepts, so after this talk, you'll have a more specific idea about how Vue works.

Vue & TypeScript Up and Running - Daniel Rosenwasser

https://www.youtube.com/watch?v=wDYS6FIXkAc(29min)

Daniel will tell us how TypeScript integrates with Vue, and explain a bit how both communities have been working together to improve the dev experience. I learned that you don't have to use a class components approach when using typescript with Vue! You can still use the object based API which feels more natural if you’ve been using Vue with JavaScript.

Unit testing Vue components - Edd Yerburgh

https://www.youtube.com/watch?v=LxXsGNXsMo8(26min)

When testing frontend components it can be hard to decide what needs testing. Edd will talk about testing the component contract, meaning that you should check that for specific input the component returns a particular output, and avoid testing implementation details. He also mentions how snapshot testing with Jest helps to protect the presentational layer against unintended changes in an easy way. He talks about Vue components, but the approach can be applied to any component based framework.

Coming from the more strict world of Angular, there are a few concerns amongst the team about working with Vue. The flexibility that Vue provides raises a lot of questions on how is the best way to do things, but it’s something that we’ll learn as we work with it. We are looking forward to trying it in a small project!