Enjoy the Vue

[00:01:00] Chris gets right into business and explains what Vue Devtools are.

[00:05:51] Ben explains the “EventBus” in Devtools and what kinds of events it tracks.

[00:06:47] Ari talks about the “Vuex tabs” since that’s the tab she spends the most time in. There are two panels that she explains about.

[00:12:07] Chris blows everyone’s mind by telling them a feature that a lot of people don’t know about by clicking on the components tree and inspecting. Listen here to have your mind blown! It’s a game changer!

[00:18:39] Ben explains a “console log” trick he’s learned recently if you ever have trouble unpacking an object. This trick he talks about allows you to do it in a dropdown manner.

[00:21:34] Chris asks everyone what kinds of tricks or tools they use when they are troubleshooting by themselves.

[00:28:07] Tessa mentions something pretty cool and useful about how you can activate Vue Devtools on the production version of a website.

Picks of the week:

Resources mentioned

Sponsor:

Support Enjoy the Vue

About our guest: Eduardo San Martin Morote

[00:01:07] Chris asks Eduardo to talk about are some recent changes with Vue Router in the last six months or a year with that may be really interesting to people.

[00:04:08] Chris wants to know for the premise-based navigation if you’re going to use a profile page for someone entering a user name and you take them to this new route that checks to see if that user name exists, could you add a catch there that handles that gracefully and what are some ways you would use that in an app?

[00:09:31] Chris asks Eduardo what are some the main problems people have with Vue Router? Ari chimes in with an issue she’s had.

[00:15:51] Eduardo answers the question if you’re building an app with that kind of interface how would you know which strategy would be better for you? Also, he tells us the “hackiest” things he’s ever seen with someone using Vue Router.

[00:26:16] Chris talks about his lazy load Vue utility that he’s defined, to get around the advanced async component definition and it doesn’t work with Vue Router, and he has a messy hack that he doesn’t like and doesn’t work as well as he wants it to. He wants to know with the next version of Vue Router will we get that working? Eduardo answers this…

[00:30:31] Tessa wants Eduardo to go into how URL encoding is like state machines.

[00:35:21] Chris is curious if Eduardo was starting a new Vue application what would his Vue Router configuration look like? Also, Eduardo explains if he defines a scroll behavior function?

[00:46:37] Tessa asks Eduardo if he woke up tomorrow in a world without Vue Router, like everything else is the same, but the router was never created, what would he do differently or what would he keep the same?

[00:48:59] Tessa is curious and asks Eduardo if there are any old choices sticking around that are hampering new development that he wishes he could go back and change but maybe he can’t for some reason or another?

[00:52:12] Eduardo talks a little more about what it’s like to be the core maintainer of Vue Router and what areas he needs the most help for people interested in contributing.

Picks of the week:

Other resources mentioned

Sponsor:

Special Guest: Eduardo San Martin Morote.

Support Enjoy the Vue

[00:02:37] Sarah was on the docket to speak at VueConfUS. Since it got cancelled, she shares those of us Stateside all about testing in Vue and why TDD is great.

[00:05:25] Ari asks Sarah about what a contract in a component and what it means. Sarah breaks this down with a very simple example, a button.

[00:09:50] Ben gets Sarah’s thoughts on end to end testing. She makes a case for Test Driven Development applying to more than just unit tests.

[00:15:51] Tessa who saw one of Sarah’s presentations on TDD, asks her about her “tip” on when to test and when not to test. Sarah puts it simply, the question to ask is: “Do I care about it if it changes?”.

[00:21:40] Sarah give us some good practices that you may want to implement when testing. Whether you are doing unit or end to end testing.

[00:24:51] After Tessa asks Sarah about Snapshot Tests and whether a link text fits in a Unit Test. Sarah believes Snapshot Tests are better when you want to test logs or code. She feels they should not be used in place of Unit Tests, since they cannot test behaviour.

[00:28:33] Ben talks about how some Dev’s have an obsession with getting 100’s on Code Coverage Reports. Sarah goes into how not to get caught up in the “vanity metrics”. The group joke around how it that obsession may originate from gaming and how we have to collect every coin and badge.

[00:34:23] Tessa enquires about testing for accessibility.

[00:39:34] Ari gives an example of working at a fast paced start-up, and whether or not TDD can reconcile when you don’t have clear cut requirements. Is it even possible? Sarah shows how it can save money since everything won’t need to be retested by hand.

About our guest: Sarah Dyan

Sarah's picks

Tessa's picks

Other resources mentioned

Sponsor:

Special Guest: Sarah Dayan.

Support Enjoy the Vue

Shownotes

[00:08:55] Color issues are touched on with accessibility tools and how to deal with it. An app called, “Color Oracle,” is brought up to help for the color impaired.

[00:12:44] Chris mentions a utility that is very useful called, CUID, which generates unique ideas.

[00:16:12] A trick is explained that is very useful if you don’t want attributes to be passed and a Chrome extension called Vimium is mentioned.

[00:23:00] Maria saw a really great talk at an Accessibility Conference by CB Averitt that you should check out.

[00:28:21] Chrome has an extension called, Focus Indicator, that Maria says, “It’s really cute.” Hear what it does.

[00:29:57] The topic of accessibility “faux pas” of touch devices is discussed.

[00:36:35] If you’re having to retrofit an app with accessibility find out where you can start and where are places you can go to get easy wins.

[00:41:13] Accessible design from the beginning was touched on earlier, but now the discussion is on the bigger picture with layouts.

[00:44:37] Screen readers and compatibility is touched on as well as WCAG resources which have really good coding examples.

[00:47:33] If you want to see a cool YouTube series go check out Rob Dodson’s “A11ycasts!”

Picks of the week:

Resources:

Sponsor:

Special Guest: Maria Lamardo.

Support Enjoy the Vue

Get started with Vue Test Utils

Guest information

Name: Jessica Sachs

[00:00:49] Jessica and Lachlan give a brief introduction how they started working on Vue Test Utils.

[00:02:32] Jessica and Lachlan discuss working on a rewrite of Vue Test Utils in Type Script.

[00:04:22] Find out what Lachlan says what’s a priority for them in the next version of Utils. Also, there is discussion of examples of things that Vue Test Utils wasn’t really built initially to help people test that they are now learning.

[00:07:35] For those who don’t have much background with testing, you can hear how Vue Test Utils fits in the larger scope of application and where does Vue Test Utils fit with Jest and Cypress.

[00:13:08] Mocking and Stubbing are explained as well as the difference between Mount and Shallow Mount.

[00:26:36] An important topic Lachlan discusses is documentation and what the team needs to focus on.

[00:31:54] Jessica touches on one of the things they are hoping to address in documentation, and she spills out a couple of cool “SPOILERS!”

[00:35:41] What is this talk about, “Imposter Syndrome?” It’s just human, let’s say.

[00:39:18] Jessica mentions things she built on Vue Test Utils before and things she’s trying to refine.

[00:44:32] Find out why Jessica has a “beef” with the existence of set props.

[00:48:21] A question was asked what everyone’s main use of set props is, so listen to hear what they said.

Picks:

Links:

Sponsor:

Linode

Special Guests: Jessica Sachs and Lachlan Miller.

Support Enjoy the Vue

The theme of this episode is EDUCATION. We have special guest, Hope Wilder, the Founder of Pathfinder Community School, which is a self-directed learning community for ages 5-14, located in Durham, North Carolina. They focus on self-directed education and applying principles with children. Remember these catchphrases: Is it good enough for now? Is it safe to try? Those who do the work decide.

[00:01:13] Chris starts off and talks about his background as an educator and voiced his opinions on the traditional education systems.

[00:04:21] Hope discusses how she got into education and founding a school. The more she worked with kids, the more she saw that forcing kids to learn things just doesn’t really work.

[00:06:08] Hope explains what it means for it to be a democratic school and how it’s a very systems level of approach.

[00:11:22] How do the kids learn skills such as conflict resolution and being responsible for getting their work done when working in groups?

[00:15:41] Ari wonders if Hope provides any sort of suggestions, guidance, or options for the kids to work from or if it’s very much from their own imaginations and personal motives.

[00:19:36] Chris brings up finding your own resources and how a former student at Pathfinder, now co-works at a tech company and he’s only 15 years old!

[00:23:08] Ben asks both Chris and Hope about how they feel that self-directed learning relates to development in the Open Source community as far as the relationship between them and how we can learn from that.

[00:28:00] Hope discusses sociocracy which is a form of democracy. There are two important principles or catchphrases that they use a lot at the school.

[00:41:12] Chris gives his thoughts on bootcamps vs self-taught.

[00:49:09] Hope reveals why she created Pathfinder, which was a part of self-healing.

[00:57:26] Hope mentions some resources people can dig into if they are looking into self-directed learning for their kids. She gives MANY, so listen.

Picks of the week:

Sponsor:

Linode

Special Guest: Hope Wilder.

Support Enjoy the Vue

Do you want to learn about teaching a workshop? Then this episode is for you. Find out if you are ready, what it takes, and the things you can do to be successful.

[00:01:02] Ben and Chris talk about their workshops they are doing. Ben expands on how he got into teaching workshops. Did Ben really say teaching workshops is easier than speaking? Chris voices his opinion too.

[00:06:22] Ari asks Ben and Chris how they come up with content and how do they know it’s good content.

[00:13:10] Ari and Elizabeth want to know what mistakes the guys have made and what things have they learned from them. And yes, they have made a few.

[00:20:32] Chris talks about using slides.com for workshops and how it helps.

[00:25:06] Elizabeth asks in running a workshop what are some formats the guys could suggest using for obtaining feedback on workshops.

[00:31:05] Chris discusses his four different persona’s that he created for his workshops.

[00:44:45] Ben talks about how he handled transitions from doing workshops to doing a bigger venue like a conference and how he handled it.

[00:49:18] Krystal Campioni was mentioned about her talk at a workshop on animating with Vue.

Picks of the week:

Sponsor:

Linode

Support Enjoy the Vue

This episode features a new guest Marina Mosti, author of the book "Build Forms with Vue.js." We get the opportunity to chat about forms in Vue, her writing process and her journey as a developer and educator.

[00:01:25] Marina discusses how she started using Vue and how she started coding using PHP, which led her to Laravel, a free open source PHP web framework.

[00:04:18] Elizabeth asks Marina what made her want to become an educator and put out those resources into the ecosystem.

[00:05:39] Marina talks about mentoring other women and offering 5-10 minute workshops and exercises to help them understand various focused topics like principles of UX. Also, she talks about the first article she wrote on date-fns.

[00:09:23] Marina touches on writing for Progress. Then at some point she started working for VoiceThread and created an educational oriented tool for teachers and users.

[00:11:12] Marina’s book, “Building Forms With Vue.js,” was an idea based on a personal annoyance she had with websites not being able to submit forms. Listen to hear about what her book is about.

[00:17:10] Ben asks a question about what it means to “mask your input.” Marina talks about Vuelidate and how it’s an amazing library.

[00:27:07] Ben asks Marina about how writing a blog was not at all like writing a long article. She elaborates on this.

[00:32:56] Ari asks about techniques Marina uses to make sure you’re breaking things to a level that’s digestible to someone new to programming.

[00:40:58] Elizabeth asks if Marina has any suggestions for dealing with CSS and dynamic forms.

Special Guest: Marina Mosti.

Support Enjoy the Vue

One of the things we love most as developers are our tools! In this episode, we talk about some of our favorite productivity tools, debate the merits of different keyboard layouts, how we work as developers and more. And yes, we even tackle the infamous tabs vs spaces debate.

Support Enjoy the Vue

Enjoy the Vue – Episode 4

In this episode of Enjoy the Vue we sit down with Divya Sasidharan. Divya will be the Master of Ceremonies at Vue.js in Amsterdam, and just weeks after she is hosting a workshop on “Vue State Management with Vuex” at VueConfUS in Austin. Divya is currently a Developer Advocate at Netlify. She believes that there is a better workflow for building and deploying sites that doesn’t require a server…just ask her about the JAMstack. We chat with her about emceeing, blogging, hosting a workshop, and JAMstack.

[00:01:51] Divya talks about her involvement in the VueConf’s coming up. Vue.js in Amsterdam and VueConf US where she is hosting a workshop. She gives us a quick peek into this intro to Vuex workshop. At Vue.js she is the emcee.

Special Guest: Divya Sasidharan.

Support Enjoy the Vue