Enjoy the Vue

Key Points From This Episode: Felix starts with an example of designing a bench explosion and its unpredictable variables. Where to include heavy-handed guidance in a game is usually borne of player testing. Felix believes the number one fallacy of designers in any field is that they extend their personal viewpoint on their design being universal. Focus testing and A/B testing are ways to create accessible experiences in mobile games. Testing doesn’t have to be formal – it can be as informal as asking a friend for feedback. Crunch time and work-life balance: How Felix manages it by keeping to his hours strictly. Part of Felix’s decision to go into internal tools programming was less of an emphasis on meeting very strict deadlines. Onto picks, Ari’s is a little more abstract this week – quit a job you’re unhappy at. Ringo’s pick is the YouTube channel Noclip, which presents various game documentaries. Felix’s picks are cooking meatballs or a non-meat alternative, and learning the open source game engine, Godot. Felix talks about the resurgence of disc versus digital when it comes to installing games. Tessa’s picks are all games: Minna no Gorufu or Hot Shots Golf, The 3rd Birthday, Resident Evil 6, and the Ct.js game editor. Tweetables: “I think the number one fallacy of designers in any field is that the design they've made is understandable and parsable to everyone. They extend their own personal viewpoint on that design as being universal.” — @uhfelix [0:02:52] “When I say testing, I don't explicitly mean like A/B testing or focus testing. It can also be something as informal as like just asking someone else, a co-worker, a friend, family, to just sit down and play your game and have them give their honest feedback. That’s it.” — @uhfelix [0:06:58] “I try to keep to my hours very strictly. It’s a lot of discipline to be able to do that and [it takes] a in your employer to recognize that you do have the boundaries and limits you're setting, and they need to respect that. I don't think I would work for any company that would overemphasize the need to stay at work over actual production.” — @uhfelix [0:08:29] Links Mentioned in Today’s Episode: Felix Park on Twitter Felix Park Noclip on YouTube Godot Game Engine Hot Shots Golf: World Invitational Game The 3rd Birthday Resident Evil 6 Ct.js Game Editor Enjoy the Vue on Twitter Enjoy the Vue Special Guests: Felix Park and Ringo Kim.

Key Points From This Episode: Felix introduces himself and what he does as a game designer. Felix explains what it means to be a game designer, using a door in a game as a metaphor, Game development and how it parallels with user experience or user interface design. How Felix strives towards guiding people through an optimal and less frustrating experience. Felix explains what a AAA game is – they are the big-budget, summer blockbusters of games. Hear more about what led Felix to game design. Going into gaming, Felix had some programming knowledge from his HTML coding hobby. How Felix leads a user to make certain decisions, from lighting and UI to manipulating time. Felix defines affordances as what’s possible with an object as expressed through its design. Felix outlines some examples of how game designers include prompts to guide players. Restrictions and repetitions are introduced throughout a game to establish a design language and what the affordances are for the user. Felix explains how he balances high intensity difficulty with ease of play through play testing. Tweetables: “We have to constantly strive to make sure that people are being guided towards an optimal, not so frustrating experience. Unless we do want to frustrate them, in which case that's an entirely different design challenge. The goal is to make sure that anybody can play our games with the minimum amount of direct interference or touch on that”. — @uhfelix [0:05:07] “Games are this thing you just make up in [their] entirety. Down to the very weird, basic, physical elements, you can use all of them to influence people.” — @uhfelix [0:14:54] “Affordance is this concept of how does the design communicate its use to the user? In games, it’s very important because in the virtual world anything is possible. You want to be able to really limit the space of possibility within the player's mind, or else they'll be stuck. They’ll be at a loss as to what to do to progress, or move forward, or to accomplish goals.” — @uhfelix [0:17:57] “If you have a lot of focus on player experience, then that would lead you to integrate more player feedback into that process.” — @uhfelix [0:25:11] Links Mentioned in Today’s Episode: Felix Park on Twitter Felix Park The Design of Everyday Things Enjoy the Vue on Twitter Enjoy the Vue Special Guests: Felix Park and Ringo Kim.

Key Points From This Episode: Ben kicks things off by saying it’s important not to take manager positions for the sake of advancement in our own careers. David talks about the issue of job titles, and the retention problem that tech companies have. Amal weighs in on the retention problem – it can be resolved by having a good manager. The importance of retention and having a constant feedback culture within organizations. Management is an art, but it is also a science – it’s more complicated than engineers think. Ari weighs in on whether or not she want to shift into a manger role – she says she is torn. While someone can get a PhD in management, managers very rarely do – it tends to be the hot shots that get promoted into the role. It’s rare to find someone with strong technical skills and good people management skills. It’s common to see managers go from IC to manager, back and forth, because of burn out. How manager’s know they are doing a good job: David is trying to ensure that people on his team are improving or getting promoted. Why silence may actually be profound positive feedback that you’re being a great manger. You should have a team that operates effectively without you, not a bottleneck hero culture. Ari believes the most important qualities of a good manager are empathy and understanding. Tessa explains why she wouldn’t want to be a manager again soon, because of the overload. David shares his perspective from when he was an IC, what he needed from his manager. Amal’s picks include TV shows, I May Destroy You and Lovecraft Country on HBO. Ari’s pick is a Netflix movie called Freak Show, a gender-nonconforming coming-of-age story. Tessa’s picks: Malinda Herman, Mike and Maddie on YouTube and a font called cardigraph. David recommends hey.com and Dating Around on Netflix, while Ben’s picks are a book, and a game called Hades. Tweetables: “Take the time to invest in your learning. If you are a new manager, take manager training. A lot of companies don't offer it, a lot of companies do. Try to get your company to pay for a formal training. Read books. Find a mentor. You're going to need peer mentors, people that have been doing this job for longer than you within your company. It's also really good to get outside perspective, so you know you're not echo chambering bad management cultures.” — @nomadtechie [0:06:39] “Unfortunately, if you're a great manager, people may in fact leave faster, because you're going to develop them, and the market is going to scoop them up. You may not have those feedback cycles where, when they leave, they would say that you've been a great manager. But maybe not. Silence might in fact be profound positive feedback, you're being a great manager.” — David Ashe [0:18:17] Links Mentioned in Today’s Episode: David Ashe on LinkedIn David Ashe Email David Ashe on GitHub Amaal Hussein on Twitter Amal Hussein Email Ben Hong Email Square Software Engineering Career Ladder TINYPulse I May Destroy You Lovecraft Country Freak Show Malinda Herman on YouTube Mike and Matty on YouTube Hey Dating Around Nonviolent Communication Difficult Conversations Hades Enjoy the Vue on Twitter Enjoy the Vue Special Guests: Amal Hussein and David Ashe.

Our guest today is David Ashe, with guest panelist Amal Hussein. Shownotes and links coming soon!Special Guests: Amal Hussein and David Ashe.

We often touch on the topic of conferences and today we are doing a bit of a deeper dive on the subject, looking at the application to speak at events and more! We start off this episode with some initial thoughts and early experiences that we have had, and the lessons that are quickly learned when you get into the public speaking game. We think about what motivates people to pursue the stressful and sometimes terrifying job of speaking to groups of people, last-minute preparations, and the impetus that presenting gives a process of learning. Throughout this chat there are a host of tips on offer, from avoiding Q & A sessions to accepting topics you do not already understand, so make sure to keep a notepad on hand to up your game! With conferences being such a great place to network, make connections and form important friendships, no matter how you engage with events, we highly recommend at least attending these kinds of gatherings – you never know what might come of it! We finish off this exploration thinking about virtual events, conference call tech, and more, so make sure to listen in with us today on Enjoy the Vue!

Welcome back to another episode of Enjoy the Vue. This concludes our three-part interview with Babel maintainer, Henry Zhu. Last time, we closed our discussion with what work maintainers of open source projects do that is not straight coding. In this episode, we continue talking with Henry about what do people count as maintenance work versus other tasks that definitely need to get done, but are perhaps less visible to the public eye. Henry also shares his approaches to taking care of himself and the pursuit of serendipity, and we discuss the inclusivity of the open source community, the relationship between in-person communities and open source culture, and we get into our picks of the week, so make sure not to miss this episode! Key Points From This Episode: Henry opens with the dichotomy between freedom and obligation for maintainers. Maintainers don’t see certain tasks as maintenance, such as answering user queries. What Henry does to take care of himself, like sport or playing music, and his musings on what serendipity looks like in an online setting. Spaces that promote serendipity, and why actively pursuing serendipity is not a paradox. There are communities like Google Summer of Code that promote open source involvement. Preferences are shaped through experiences of the communities, so it is important that they be inclusive, particularly for women. The relationship between in-person communities and open source culture. Ben’s picks this week include a ukulele, Azul, and Nadia Eghbal’s book, Working in Public. Veekas recommends Kim’s Convenience and Race After Technology by Ruha Benjamin. Henry’s picks include Tools for Conviviality by Ivan Illich, and a card game called The Mind. Tessa suggests Journey, the Reply series, and Conquer Your Critical Inner Voice. Tweetables: “How do we get people to have a higher sense of ownership so that we can lessen the burden on maintainers?” — @left_pad [0:02:37] “There's an aspect of serendipity involves risk, and involves trust and faith in something, in the future. Me putting myself out there is going to lead to something good.” — @left_pad [0:05:50] “I feel being more intentional, specifically reaching out to people, or getting involved in certain communities is probably better. There are formal versions of this, like Google Summer of Code. We've done that and Rails Girls, Summer of Code, stuff like that. Yeah, maybe we need more of that, instead of this blanket like, ‘Hey, anyone can get involved.’” — @left_pad [0:07:48] “For a tool, we want self-expression from the people that use it and I think coding is – or anything, [Illich] mentions education, and school, and medicine, and coding could be another thing where it's increasingly harder to learn how to code, even though now we have boot camps and stuff.” — @left_pad [0:17:46] Links Mentioned in Today’s Episode: Henry Zhu on Twitter Henry Zhu on GitHub Henry Zhu Hope in Source Podcast Maintainers Anonymous Podcast Babel Google Summer of Code Rails Girls Vue Vixens Working in Public Kim’s Convenience on Netflix Race After Technology Tools for Conviviality Journey Conquer Your Critical Inner Voice Enjoy the Vue on Twitter Enjoy the Vue Special Guest: Henry Zhu.

In the previous episode, we discussed open source with Henry Zhu, core maintainer of the community-funded compiler, Babel. We closed on the responsibilities of an open source maintainer and, in this show, we are continuing our discussion with Henry, starting with what responsibilities do open source maintainers have in terms of shaping the future of the projects that they maintain? Henry also shares his views on governance structures, burnout, focusing on new ideas and making time for side projects, as well as accountability versus ability, the individual versus the group, and free will versus obligation. Tune in today! Key Points From This Episode: Henry opens with the incentive to make things more complicated, instead of simplifying them. Henry’s goal is to help people understand that they have an impact on the language they use. There are different governance structures in open source – boundaries are necessary. Cycles of burnout and why developers feel a sense of obligation to open source projects. From individual contributor to a maintainer role – some things that Henry found useful. What will change the way we do programming is different ideas, not the same ones. Henry is giving himself the freedom to think differently and pay attention to side projects. Balancing accountability and ability – Henry believes he should have freedom of choice, but he also needs to consider external opinion. The individual versus the group – how to distinguish people with distinct views and stories. The different types of maintenance work in open source and why roles are helpful. Just say no – Henry describes the struggle for maintainers and the dichotomy between free will and obligation. Tweetables: “Culturally, everyone wants to make their project viral, but then after that happens, it just becomes a burden. I don't want to discourage people from doing open source. Be more real about what the reality is of what you will feel when it happens.” — @left_pad [0:05:50] “The things that are actually going to change how we're going to do programming is something different, not the same thing.” — @left_pad [0:11:30] “In open source, maybe we have this good and bad, the whole meritocracy thing, and the whole code is what matters, so why do you care about the person behind it? I think that's good in the sense of it doesn't emphasize people and it shows that it's a group effort. The bad thing in some sense, in terms of funding, would be that the more you make it about the group, the more it feels like no one knows who you are.” — @left_pad [0:17:23] “The currency of open source is not the code, because you can reproduce that and consume that as much as possible, and doesn't affect maintainers. The thing that you're affecting is their attention and their time. The more people that consume open source, it might mean more people making issues and consuming more time, but it doesn't mean that those maintainers have to do it.” — @left_pad [0:23:46] Links Mentioned in Today’s Episode: Henry Zhu on Twitter Henry Zhu on GitHub Henry Zhu Hope in Source Podcast Maintainers Anonymous Podcast Babel Enjoy the Vue on Twitter Enjoy the Vue Special Guest: Henry Zhu.

Open source software has received both criticism and applause from the tech community all across the world. Today, we’re talking about open source with Henry Zhu, a New York City-based maintainer of the community-funded compiler, Babel. Previously at Adobe, he’s also a host of two podcasts that discuss the lives of maintainers, Hope in Source and Maintainers Anonymous. In this episode, Henry shares some the similarities between his faith and open source, and explains some of the assumptions people have about open source software, why we need to take a step back and reevaluate these assumptions, and why he believes we should be thinking about how to minimize options and make things simpler. After all, open source is about more than just the code. Tune in to find out more! Key Points From This Episode: Henry introduces himself, what he does, and his podcast, Hope in Source. Henry shares a bit more about his podcast and his conversations with Nadia Eghbal. The differences and similarities Henry sees between faith and open source. From code style checker in open source to core maintainer at Babel – the ideas are similar. We need to step back and reevaluate some of the assumptions we have about open source. Henry talks a bit about his co-host Nadia Eghbal’s new book, Working in Public. How to address the issue of over-participation – Henry thinks multiple solutions are needed. Maintaining both public and private personas – Henry says it’s better to have actual dialogue. Communicating in open source, membership, and assumptions about open source projects. Raising funding for open source projects using crowdfunding platforms like Kickstarter. Henry believes we should be thinking about how to remove options and make things simpler. Open source is not just about code, it's about other things too.

Key Points From This Episode: A little bit about Mike's work on Cordova and frameworks for hybrid apps. The birth of progressive web apps and events that preceded this. The Capacitor project — a spiritual successor to Cordova. Understanding the template blocks and web and mobile iterations. Comparing writing in Capacitor with comparable alternatives such as Swift. The shipping process and adhering to design guidelines with Capacitor. The relationship between Capacitor and Ionic — possibilities for integration. App deployment and moving things onto a mobile device. Getting up and running — the ease of entry to working with Capacitor. Learning curves for Capacitor and common pitfalls that Mike has noticed. Privacy and performance constraints for mobile — avoiding unnecessary problems. Debugging web apps and working straight from browsers. Skills necessary for the accessibility processes and overlaps with development. The best places to get help and find information on Capacitor and Ionic. Mike's favorite parts of working on Capacitor and the one thing he would change about it! This week's picks; hardware, music, animation apps, and more! Picks of the week: Tessa Scoped Slots episode Animation apps: - Callipeg (iPadOS) - Rough Animator (Android, iOS, Windows, MacOS) KARE * KANO SOUND TRACKS (Shiro Sagisu) Ari Logitech G700s Mike Fall Guys (PS4, Steam) r/DIY (Reddit) Ben Don't Kill My Vibe (Sigrid) Fall Guys (PS4, Steam) Resources mentioned: Capacitor Capacitor discussions Ionic Framework Forum Special Guest: Mike Hartington.

Key Points From This Episode What brought Kevin to the Vue ecosystem, after struggling with the “magic” of React. What Kevin’s day-to-day is like at Vonage when it comes to organizing events. Shifting to virtual conferences and events, and how Kevin’s team has gone on to help others. Some of the software Kevin has used for virtual conferences, like Remo and StreamYard. Women of React was the first remote conference Kevin organized, and he learned a lot! Event organizing versus remote conferencing – how Kevin started his career and what he thinks is lost when an event goes virtual. Typical things Kevin sees conference organizers get wrong, from access points and WiFi to food, networking, and plants in the audience. Scheduling – planning breaks, based on content of the conference, facilities, and buffer time. It’s your responsibility as an event organizer to make sure that speakers feel respected. When it comes to Q&A sessions, Kevin has some tips fro making sure it’s moderated well. Kevin asks the panel what makes an event good for them as attendees – Ari says the hallway track or time between talks is vital. Ben says he appreciates guidance for newer attendees on after parties and dinners, etc. Tessa’s feedback includes structured activities for attendees to mingle, like bowling. A firm structure for events and locations seems like a low barrier to entry, but it’s crucial. Over-communicating is critical! Your audience needs to know if things in the program change. Single-track versus multi-track conferences – it depends what you’re trying to achieve. Selecting speakers – Kevin reacts to Ben’s story of a conference with a blind CFP survey. Kevin talks about BarCamp London and the simple concept of an unconference. The CFP or talk selection process, and Kevin’s take on it for an event like You Got This. Keynote spots are a way to course-correct if your lineup isn’t diverse or goes off the rails. The value of a mentorship program for first-time speakers to encourage and support them. Picks of the week: Tessa Emma (Comic) 킹덤 (Kingdom) (Kdrama) Ari Stateless (Netflix) Kevin YouGotThis (Conference) EventHandler (Newsletter) Ben VueConf Toronto Connect.Tech Resources mentioned: Vonage API Developer Platform Women of React VueConf US 2020 Adulting.Dev DevConf BarCamp London humansconf Remo StreamYard Kingdom of the Gods by Kim Eunhee & Yang Kyungil Distant Sky by Yoon Inwan & Kim Sunhee Special Guest: Kevin Lewis.

Show Notes TBD Picks of the week: Ari Doctor Foster (BBC) Doom Patrol (HBO Max) Tessa Physical therapy Rahul Fall Guys (Game) The Dip, Seth Godin (Book) Ben Hades Early Access (Game) Rush Hour (1998) (Movie) Resources mentioned: Teleport Fragments v-on="$listeners" deprecation Vue 3 Compiler Composition API Vue 3 Official Site Vue 2 to Vue 3 Migration Guide

Show Notes [00:01:28] Tessa tells us a little about a blog post by Pine Wu and everyone shares their thoughts on being a developer. [00:05:37] The panelists tell us what their relationship to development is right now and how do they strike that balance. [00:15:02] Chris talks about developers around the world, how different their work schedule is, and the pressure for developers to make every moment optimal. Ari, Ben, and Tessa share their thoughts with the work hard mentality and imposter syndrome. [00:23:35] Chris talks about the Deci and Ryan Self Determination Theory about how humans are motivated and has an awesome personal story to share. ☺ [00:28:06] Ben shares some thoughts about being in tech, work life balance and spending time doing other things that are most important to you. Ari shares some thoughts about constantly evaluating what’s important to you. [00:33:29] Chris talks about his cognitive capacity and needing cycles in his work life and Tessa talks about struggles with employers and co-workers and having to be in constant communication with them and being stuck in the same cycles. [00:37:40] Ari tells us her thoughts on how she keeps work life balance while keeping current on skills. [00:40:25] Chris and Ben discuss about not needing to have all the answers, but it’s good to know how to ask the right questions. [00:45:19] Chris shares a story, Ben tells him something inspiring, and Chris, Tessa, and Ari tell us personal stories of things that happened to them with work related issues. [00:48:04] Chris tells us about taking more time for his personal life these days and how money to him is just freedom. The panelists tell us where they are with their work life development and if they are happy or if they want to make changes. [00:53:33] We end with Ari, Chris, Tessa, and Ben sharing wise words of advice. Picks of the week: Chris Outer Wilds Sigrid Ari Alone - Season 6 Tessa The Disaster Artist (film) DARK (Netflix) Ben Essentialism by Greg McKeown (book) Essentialism with Greg McKeown (podcast) Other resources mentioned: On Leaving by Pine Wu Graphic Design is My Passion (Meme) Deci and Ryan Self Determination Theory How to Take Smart Notes (Sönke Ahrens; mentioned in episodes 23 and 28)

Sponsored By: Show Notes [00:02:26] Before we get into Scoped Slots, Ari, Tessa, and Ben explain what Slots are first, for those who never used it before [00:04:45] Tessa and Ari tell us what Scoped Slots are to them. Ben goes into the select drop down menu, uses a library book analogy, and explains the concept of slot props. [00:10:00] Tessa poses a question to Ben about if the child can show the parents the child’s data, but the parents can’t mutate it or if the child has to specify which parts of its data the parents can access a mutate. [00:16:56] Tessa asks Ben about how to restyle with a string and Ben tells her what to do. [00:25:30] Tessa asks Ben if it’s possible or not possible to access the scoped plot data in the script tag. Also, Ben lets us know what kind of components he is in favor of. [00:28:40] Tessa tells Ben her takeaway on a use case and wants Ben to tell her if it’s right or wrong. [00:33:32] Ari tells us where she always gets tripped up and it has to do with the difference in mental model. [00:38:51] Tessa wants to know if $slots and/or its children are not reactive and does it have to be observed in some kind of deep way? Also, what kind of caveat do we have to be aware of when we’re working with slots in the JavaScript part of the single file component? [00:42:06] Tessa gives us an update on an old GitHub issue on $slots. Picks of the week: [00:43:17] Ben has two picks: a game on Steam called Littlewoods and Bearaby Weighted Blanket. [00:45:57] Tessa has two picks: several drawing apps on Android, IOS & iPadOS, and Mac/Windows and The Umbrella Academy-Season 2 (Netflix). [00:46:49] Ari has two picks: Pure Beech (Satin Finish) Sheets and a movie called, It’s a Disaster. Sponsor: Honeybadger Resources mentioned: Slots Scoped Slots Littlewood-Steam Bearaby Weighted Blanket LayerPaint-Android LayerPaint HD-Android Clip Studio Paint for iPad Ibis Paint (App store) FireAplaca (Mac and Windows) The Umbrella Academy (Netflix) Pure Beech Sateen Sheet Set (Bed Bath & Beyond) It’s a Disaster- Hulu It’s a Disaster - Amazon Prime Video

Sponsored By: Show Notes [00:01:15] Sam and Natalia give us a little background of themselves. [00:03:21] There a lot of different kinds of documentation, so a few of the panelists tell us how they were drawn to write documentation and why it’s so important. [00:18:03] We will talk about things that the panelists don’t like about documentation. So, we learn some mistakes they’ve made and regretted, and things they used to do that they’ve since learned this is a much better doing it this other way. Some great advice is given here. ☺ [00:28:14] Ari and Tessa tell us some of their pet peeves when it comes to encountering documentation. [00:32:38] Sam talks about style guides being useful in documentation. Natalia tells us her favorite rules from their internal style guide. [00:39:35] Ari tells us what of her greatest pet peeves when Chris talks about use cases, and then asks him how you land on the right amount of detail in a use case example. [00:47:32] Tessa wants to know how to keep docs up to date, how to manage the really simple specific idea, and how to guide people between that liminal space. [00:52:48] Speaking of automation, Chris tells us something he’s done in a pre-commit hook for project documentation and Natalia and Ben have something to add as well. [00:56:50 ] Tessa asks what are some good practical tips that she can apply to a document more effectively and be advocate for documentation in a company. Great advice is given here by the panelists. ☺ [01:07:41] Natalia and Sam tell us where you can find them on the internet. Also, if you’re looking for a job as a technical writer, Sam gives a plug for their good friend who has a technical writing consulting business, called Good Words (link below). Picks of the week: [01:08:53] Tessa has four picks: Shadazzle, Dr. Tung’s Ionic Toothbrush, Sänger Hot Water Bottle, and a book, On Writing Well, by William Zinsser. [01:10:22] Ari has two picks: Cypress.io and singer, Donny Benét. [01:12:12] Ben has three picks: A show on Netflix called, TWogether, Starship Command Prompt, and Nerd Fonts. [01:14:11] Natalia has two picks: Vue CLI 4.5 and Taylor Swift’s folklore album (Spotify). [01:15:44] Chris has three picks: Taylor Swift’s folklore album, two songs: Exile and My Tears Ricochet, OXO Good Grips Easy-Clean Compost Bin, and G Ganen Foldable Bathtub. [01:17:38] Sam has three picks: A book, The City We Became by N.K. Jemisin, The Okra Project, and The Old Guard on Netflix. Sponsor: Honeybadger Resources mentioned: Natalia Tepluhina Website Natalia Tepluhina Twitter Sam Brandt Website Sam Brandt Instagram NaNoWriMo Good Words LLC Shadazzle Dr. Tung's ionic toothbrush Sänger Hot Water Bottle On Writing Well by William Zinsser Cypress.io Donny Benét TWogether-Netflix Starship Command Prompt Nerd Fonts Vue CLI 4.5 Taylor Swift- folklore OXO Good Grips Easy-Clean Compost G Ganen Foldable Bathtub The City We Became by N.K. Jemisin The Okra Project The Old Guard-NetflixSpecial Guests: Natalia Tepluhina and Sam Brandt.

Show Notes [00:03:13] Amal tells us her background story and Tessa asks about her interests with debugging and why she is so passionate about it. [00:07:22] Amal tells us her journey to debugging, how she got better at it, and if she was trying to teach somebody who’s new to debugging where they would start. [00:11:26] Ari and Ben share debugging stories and Amal shares some advice. [00:22:29] Tessa tells us experiences she’s had with Vue and getting bugs and it’s been a common experience across Vue, Angular, Angular JS, and React, so she wants to know when you get into this kind of situation what would you do there? [00:26:48] Amal talks more about the profiling part. [00:32:30] For all the beginners out there in terms of performance for the front end, Amal shares a tip for starting out. [00:37:15] Ari asks Amal how do you break that habit in an organization of just assuming that because a bug manifests in the UI that it’s a UI problem? [00:42:08] In regard to logging, Amal tells us her thoughts on the application monitoring tools, like Sentry. [00:46:25] Having good Handshakes between the errors is discussed more in depth. [00:53:48] Amal gives us a quick hit list of when, how, and why you would debug, and best practices for debugging. She mentions console.trace and minds are blown! [00:00:00] Amal tells us where you can find her on the internet. Picks of the week: [00:57:15] Ben has two picks: A show called, When I See You Again (Netflix) and Diablo 3 (PC / Mac / Switch / PS4 / XBOX. [00:58:27] Ari has two picks: A show called, An Evening with Beverly Luff Linn (Netflix) and HelloFresh. [00:59:22] Amal has two picks: A show called, Indian Matchmaking (Netflix) and The Web. [01:01:39] Tessa has two picks: A show called, Crash Landing on You (Netflix) and Phoenix Wright: Ace Academy-Spirit of Justice (iOS, Android, N3DS). Resources mentioned: Amal Hussein Twitter Amal Hussein GitHub Pino-GitHub Sentry Console.trace When I See You Again - Netflix Diablo 3 (PC / Mac / Switch / PS4 / XBOX An Evening with Beverly Luff Linn - Netflix HelloFresh Indian Matchmaking - Netflix The Web 사랑의 불시착 (Crash Landing on You) - Netflix Phoenix Wright: Ace Attorney − Spirit of Justice (iOS, Android, N3DS)Special Guest: Amal Hussein.

Show Notes [00:00:45] Michael talks about his blog and how he got started with Vue, what his motivation was, and what his first blog post was about. [00:03:21] Reusable components is discussed as well as the biggest pain points that people run into when creating reusable components and what people responded most to. [00:08:16] Tessa asks Michael how would we know when you would reach for something like this inheritable slot in slot solution, since it his recent newsletters he talks about the idea of 6 levels of reusability and is this a tool that developers can use? He also tells us what the process was like to identify the architecture patterns and how he came up with that. [00:10:02] Michael tells what it means it means to have a component that is clean versus a reusable component. [00:14:50] Tessa wants to know how Michael comes up with his ideas and she refers to talk he did at VueConf Toronto 2019. [00:16:38] Chris asks Michael what patterns he’s used in the past that he most regrets. He also tells us why middleware was such a headache after he implemented it. [00:19:53] Michael tells us the component he’s been responsible for that he’s regretted the most. He mentions a blog post he wrote about this. He also mentions the gold plating syndrome. [00:27:19] Tessa asks Michael if she was a developer coming into a project and thinking I want to build a library, how do I decide what works for me or how do I find a balance there? [00:33:19] Chris gives us a really useful tip when he refactors components. [00:42:24] Tessa wants to know when Michael’s blog post will come out about when to use provide and inject and how it’s different from dependency injection. [00:46:02] We wrap up here by finding out where you can find Michael on the internet. Picks of the week: [00:47:24] Ari’s pick is a show called Floor is Lava on Netflix. [00:48:07] Ben has two picks: Clean Components Course by Michael Thiessen and a blog post called, “Zettelkasten-How One German Scholar Was So Freakishly Productive.” [00:50:17] Chris’s pick is Amazon Prime Wardrobe. [00:52:05] Michael’s pick is Kobo e-reader. [00:54:02] Tessa has three picks: Foam, Eurovision Song Contest: The Story of Fire Saga, and TwoSet Violin. Resources mentioned: Michael Thiessen-Twitter Michael Thiessen Michael’s Medium Blog Post-“Checklist for Writing Highly Reusable Components in React and Vue.” “The Paradox of Abstraction: When Good Code is Bad Code” by Michael Thiessen Dunning-Kruger effect Gold plating (project management) Provide/Inject Have Nothing to Do With Dependency Injection by Michael Thiessen How to Take Smart Notes (Sönke Ahrens; mentioned in episode 23) Floor is Lava-Netflix Clean Components Course by Michael Thiessen Zettelkasten-How One German Scholar Was So Freakishly Productive Amazon prime wardrobe Kobo e-Reader Foam Eurovision Song Contest:The Story of Fire Saga TwoSet ViolinSpecial Guest: Michael Thiessen.

Sponsored By: Show Notes [00:00:50] Ben tells us what VuePress is. [00:01:43] Chris wants to know when he would use VuePress and if there’s some kind of enterprise boilerplate where someone could see an example of an integration with VuePress into a project. [00:04:20] Chris wants to know how Vue Press started and what are its origins? [00:06:17] Chris and Ben tell us what Hexo is. [00:07:36] Ben tells us what the future of VuePress holds and where is it going. [00:10:07] Tessa wonders how does flat structure work with scaffolding and the VuePress structure and she wonders how does VitePress come into play with regards to the future of VuePress? [00:14:59] Tessa wonders if she wants to integrate VuePress into a React project or an Angular project, does she need to worry about having a certain file structure or will she be able to take advantage of that smart feature of Vue Press? [00:16:13] Going back to the idea of being able to include snippets from the code base in VuePress, Tessa feels like there’s some potential for overlap with them, something like Storybooks. She is wondering how you divide the responsibilities between two tools like that. [00:20:09] Chris wants to know if there’s anything else in the future of VuePress that Ben is thinking of or someone else is thinking of something that may or may not even make it into VuePress but it’s a twinkle in someone’s eye? ☺ [00:21:41] Chris has two final questions for Ben. Does VuePress use VuePress for its docs and if people want to learn more about VuePress where do they start? Sponsor: Linode Picks of the week: [00:23:00] Tessa’s pick is Jarvis Johnson on YouTube. [00:23:34] Chris has two picks: Stardew Valley Wiki Coop and Fireplace “movies” on Netflix. [00:25:56] Ben has two picks: A podcast with Chef Dave Chang- “How Asian Americans Can Better Support Black Lives Matter,” and The Greatest Showman soundtrack. Resources mentioned: VuePress Vue Enterprise Boilerplate Documentation Reference-Chris Fritz Vue Enterprise Boilerplate Config-Chris Fritz This Dot Labs Hexo Jarvis Johnson-YouTube Stardew Valley Wiki Coop Fireplace “movies” on Netflix The Dave Chang Show-“How Asian Americans Can Better Support Black Lives Matter.” The Greatest Showman

Sponsored By: Show Notes [00:00:50] Ben starts things out by telling us he’s always trying to hack on new technology methods and trying to keep up with new libraries getting released, so he asks Ari and Tessa what would be their first instinct to learn about Vue 3 Teleport? Tessa’s answer is the BEST! [00:04:31] The topics of comments, context, and conference talks are discussed here. [00:11:00] Ben asks Ari when she starts getting into the deeper level things, the written piece, what are some things she finds that have been helpful or things that have not worked when she reads blog posts or those kinds of things? Tessa has some things to share as well. [00:18:40] Ben asks Ari and Tessa when it comes to learning new things, are there things that they have come across, whether it’s writing styles or talks and are there things that get in the way of your learning? [00:24:00] Tessa brings up something in animation called “Onion skinning” and she explains what it does. Ben talks about writing and how it’s a difficult skill which most people don’t have a lot of training in. [00:27:57] The panelists all discuss language in writing code and how the intent is to make something less intimidating, but it frustrates people sometimes. [00:33:01] Tessa tells us a great story here about some advice she got from a product manager she met. Ben also has a great story and advice to share. [00:38:35] Tessa mentions Linux and included language and how it is hard to figure out how to sign up for it, but there is a website that will help you which is linked below. [00:39:15] Tessa talks about learning journeys and how everybody’s situation is slightly different. Ari mentions how it’s a very important skill being able to teach a concept as well as to be able to give constructive feedback. Sponsor: Linode Picks of the week: • [00:42:07] Ben’s pick is a book called, Originals, by Adam Grant. • [00:43:10] Tessa has three picks: Bad guy but I’m the good guy so I play it in the Major Key by TheDreRock (YouTube), What Voice Acting in Anime Is Like by Joe Zieja (YouTube), and “Learning How to Learn: Powerful mental tools to help you master tough subjects” by Dr. Barbara Oakley (Coursera). • [00:44:52] Ari has no picks this week since she was on vacation for two weeks and her sleep schedule is really messed up so she can’t remember anything she did this week. Resources mentioned: Inclusive Speaker Orientation (LFC101) "Originals" by Adam Grant Adam Grant bad guy but i'm the good guy so i play it in the Major key by TheDreRock (YouTube) What Voice Acting in Anime Is Like by Joe Zieja (YouTube) Learning How to Learn: Powerful mental tools to help you master tough subjects by Dr. Barbara Oakley (Coursera)

Sponsored By: Show Notes [00:01:11] Ari tells us what nextTick is and Tessa tells us about the differences between local and global versions. [00:03:43] Ari and Tessa tell us scenarios they’ve run into as far as needing nextTick. [00:08:26] Ben is curious about “chaining” in nextTick. Tessa explains this and she also mentions her talk she did at VueConf US 2019, where she broke down a bunch of different ways to nest nextTick. [00:13:06] As far as nextTick goes, Ben wants to know if this is something that Ari and Tessa would recommend people only reach out to when things start to be inconsistent or when should someone use this? [00:18:55] Ben wants to know if nextTick is used improperly can it cause performance issues or not quite? [00:23:54] Tessa wonders if Vue3 comes out, if she follows the style where her JS is at the top of her single file component and open it, she will see at the top what props it accepts and also what events that she has decided this component will emit? [00:26:20] Ari and Tessa give some final tips about nextTick stuff. Sponsor: Linode Picks of the week: [00:28:53] Tessa has two picks: Douglas by Hannah Gadsby on Netflix and Managing Up by Mary Abbajay. [00:30:55] Ari has two picks: Queer Eye-Season 5 on Netflix and Queer Eye-We’re in Japan! on Netflix. [00:33:26] Ben’s has three picks: An OXO Good Grips Silicone Pastry Mat, Tessa, who has provided some really great picks and finds for him this week which is Hey.com and Working in Public: The Making and Maintenance of Open Source Software by Nadia Eghbal. Resources mentioned: VueConf US 2019-Back to the Vueture: Stuck in the Event Loop by Tessa nextTick Douglas-Hannah Gadsby Managing Up: How to Move Up, Win at Work, and Succeed with Any Type of Boss by Mary Abbajay Queer Eye-Netflix Queer Eye: We’re in Japan!-Netflix OXO Good Grips Silicone Pastry Mat Hey.com Working in Public: The Making and Maintenance of Open Source Software by Nadia Eghbal

Sponsored By: Show Notes [00:01:32] Tessa heard in the Vue world, the pattern that you want to follow is props down events up, but a lot of pieces are a bit vague when it comes to abstractions. Tessa wants to learn more about the specific mechanics behind the approach versus something else like passing callbacks? Chris gives his thoughts on this. [00:07:53] Chris explains what .native does. He also gives some great recommendations. ☺ [00:10:36] Tessa wants Chris to expand more on what problems he has seen people trying to solve with .native. [00:13:40] Chris recommends some ways for communicating how a component is intended to be used in a way that’s more in keeping with props down events up versus passing callbacks. [00:16:43] V-bind attrs is explained as well as $attrs object. And Ben talks about concerns when people are justifying desire to document the callbacks. [00:19:55] Tessa explains an issue with passing down data you need via props and trying to build some kind of structure around that communication. Also, having several series of several generations of components and how does she get around this issue. Chris clarifies and Ben names it “The Prop Train Pattern.” Ari tells us what she does. [00:24:55] Chris talks about using Guillaume’s excellent v-tool tip component. [00:26:03] Tessa goes back to Chris’s example of Font Awesome and wants to confirm if she has some grandparent that has the Font Awesome data, then it’s going through a couple of other component layers to get to the icon component layer, can she just put v-bind attrs on the icon component or does she have to put that on every component in between as well? Chris explains. [00:30:01] Ben asks Chris to speak a little bit about the caveats when it comes to the reactivity part of refactoring everything to reply and inject. [00:33:24] Ben talks about one of the drawbacks of provide/inject. Chris shares some good naming tips and patterns that help developers when they’re looking at components. [00:48:00] Tessa brings up the EventBus and if anyone has any thoughts or experiences with it. Sponsor: Linode Picks of the week: [00:54:09] Ben’s pick is Slay the Spire (Steam Game). [00:55:22] Tessa has three picks: An article called, “Respectability politics: How a flawed conversation sabotages black lives, ” a video on YouTube, “Tumblr’s Strangest Obsession: A History of the Onceler Fandom, and a movie review called, “Acrimony is the worst Tyler Perry movie OF ALL TIME.” [00:57:05] Chris’s pick is a show on Netflix called Avatar: The Last Airbender. [00:59:00] Ari’s pick is a song called, “Superliminal” by deadmau5. Resources mentioned: Vue enterprise boilerplate v-tooltip “Provide/Inject Have Nothing to Do With Dependency Injection” by Michael Thiessen Vue Style Guide: Order of words in component names Vue Patterns Slay the Spire (Steam) “Respectability politics: How a flawed conversation sabotages black lives” Tumblr’s Strangest Obsession: A History of the Onceler Fandom “Acrimony is the worst Tyler Perry movie OF ALL TIME.” Avatar: The Last Airbender deadmau5-“Superliminal” EventBus

Sponsored By: Show Notes [00:01:08] Evan tells us what’s the deal with Vite. [00:08:01] Evan explains Hot Module Replacement from a practical standpoint. He tells us there are a few different ways to handle it. [00:10:08] Tessa mentions reading a piece Evan wrote in Increment Magazine about the way Vue 3 re-renders things. She was wondering if working through those problems is what inspired Vite and Vite Press or if he just makes new projects like those every couple of years. [00:15:47] Evan tells us how he made the decision to go with Rollup putting together Vite, and what that was like versus Webpack. Also, Ben wants to know if there would be a path forward where developers could use Vite in their development experience? [00:21:43] React and Preact are discussed here by Evan. [00:25:10] Tessa wants to know if there are any features that Evan wishes Vite had right now but doesn’t yet, and he explains a few. [00:27:06] Tessa asks Evan, thinking about the first user experience, when people go to Vue docs and they have you import the script file and you make your first component in line JavaScript, do you think that might be replaced by spinning up the Vite app in the future? [00:31:05] Ben asks Evan since he currently uses VuePress and loves it, does he have any ideas, roadmap wise, whether you see it as the replacement as a VuePress 2.0 or would they live side by side? [00:40:43] Evan talks more about the process of idea generation and how he creates new things. Tessa has an amazing metaphor at the end, according to Ari ☺ Sponsor: Linode Picks of the week: [00:45:35] Ari has two music picks: “The Lord is Out of Control” by Mogwai and “Atlas” by Battles. [00:46:02] Ben has three picks: He converted to Miro, second pick is Remo.co, and third pick is Nuxt Content module. [00:47:49] Evan’s pick is Increment Magazine. He has an article in it called, “Making Vue 3.” [00:48:53] Tessa has three picks: An article called, “Pink Collar” by Jennifer Pan (Emotional and Passion Work), second pick is a book called, How to Take Smart Notes by Sönke Ahrens, and third pick is an instrument called a Melodica/Pianica. Resources mentioned: Evan You Twitter Evan You GitHub Evan You Blog Vite GitHub Repo VitePress GitHub Repo “The Lord is Out of Control” by Mogwai “Atlas” by Battles Miro Remo.co Nuxt Content Increment Magazine “Making Vue 3” by Evan You “Pink Collar” by Jennifer Pan How to Take Smart Notes by Sönke Ahrens MelodicaSpecial Guest: Evan You.

Sponsored By: Show Notes [00:00:47] The live questions have started on Slack Chat, and the first question asked is what are your impressions of Vite and Vite Press? [00:01:49] Since Nuxt and the content module is stable, what kind of markdown editor do you suggest? [00:02:37] Speaking of projects, what projects do you think are best for Gridsome and what’s the most interactive type of site you might make with Gridsome? [00:03:46] It’s question three, so time for a promised Batman voice reveal☺. For a progressive web app, where PWA, that would be largely used on a phone, how would you make the decision between making a Vue app versus a Nuxt app? Batman answers! [00:04:45] What’s your take on Vite and will it be the future where build time will be much lower? [00:05:41] Have any of you guys used GraphQL with Vue projects and what did you think of it? [00:08:55] Ben talks about composing requests. [00:11:56] What’s it like being on the Vuejs core team, what are the team’s workflows like, and how often does the team meet? [00:14:33] When writing software what is the best way to identify the design pattern that works best for your application and how do you go about coming up with the best way to structure the project? [00:25:52] For what kinds of projects would you suggest using Typescript? Is it only for big projects or can you also use it for smaller projects? Sponsor: Linode Segment Picks of the week: [00:36:01] Ari’s pick is a song called “Storm” by Godspeed You! Black Emperor. [00:36:31] Chris has four picks: Community (TV show-I know I’m late to the party). Also, a book called, “Untamed” by Glennon Doyle, Miro, a flowcharting web app, and a podcast called, We Have Concerns. [00:38:15] Matt’s pick is a book called, “An Elegant Puzzle,” about the art of managing in software companies. [00:38:32] Ringo’s pick is Sky, an adventure game (Android, IOS) [00:38:52] Ben’s pick is Whimsical- Wireframe/Whiteboard Collaboration [00:39:34] Tessa’s has two picks: A book called, “The Manager’s Path,” by Camille Fournier and a show called, Lost in Space, on Netflix. Resources mentioned: Enjoy the Vue-Episode 16 (feat. Jack Koppa) Joi-The most powerful data validation library for JS GloomyLumi Twitter GloomyLumi Twitch “Storm” by Godspeed You! Black Emperor Community-TV show “Untamed” by Glennon Doyle Miro We Have Concerns-podcast “An Elegant Puzzle” Sky adventure game Whimsical “The Manager’s Path” by Camille Fournier Lost in Space-Netflix

Sponsored By: Show Notes [00:01:23] We start off by talking about everyone’s general podcast experiences and what kind of podcasts everyone was listening to before they were on their own podcast. Also, what inspired them to create their own podcasts and what were their goals? [00:15:59] The panelists talk about how the podcast has evolved over the years, episodes, months, or iterations. [00:24:14] Tessa asks the panelists if they listen to podcasts differently now that they’re on one pretty much every week? [00:29:59] Ringo and Matt talk about how their podcasts listening habits have changed since they listen to a lot of podcasts. [00:32:30] The panelists share what their challenges have been in making the podcast. [00:36:51] The panelists give their pro tips if somebody wants to start their own podcast. Sponsor: Linode Picks: Ari "Storm" Godspeed You! Black Emperor Chris Community (TV show - I know I'm late to the party) Untamed by Glennon Doyle (book) Miro (flowcharting webapp) We Have Concerns- Podcast Tessa Lost in Space (2019) (Netflix) The Manager's Path by Camille Fournier (Book) Ben Whimsical - Wireframe / Whiteboard Collaboration Matt An Elegant Puzzle - Book about the art of managing in software companies Ringo Sky - Adventure game Resources mentioned: Jack Koppa's Episode on Enjoy the Vue https://github.com/hapijs/joi

Sponsored By: Show Notes [00:01:28] David explains about XState and the concept of State machines. [00:02:42] In a lot of his talks, David references a paper from 1987, so Tessa wonders how David got into State machines and Statecharts. [00:06:01] Sarah ask David how does it feel to be at the root of this pattern rediscovery in the front-end world and how do you feel about seeing those tried and true patterns slowly emerging front end? [00:08:44] Ari asks David to give an example of a common scenario that we probably have all dealt with where a state machine might be better than Boolean state management? [00:14:12] Tessa wonders how does David recommend somebody goes from, I don’t know what a state machine is to oh, here’s how I can start using them today? [00:14:28] Sarah mentions about David having a visualizer on the XState website. She wonders if he’s considered pushing it into something that could maybe be a tool and has he considered building something like that to help with collaborative work? [00:16:44] David talks about testing, especially end to end testing, and how tedious it is. [00:18:33] Tessa is curious if David ever tries to represent piano playing with state machine? Piano was his major in college! [00:21:50] Sarah wonders what were David’s big turning points, the big realizations that he made as a library author, since he’s at the fourth major version in three years of XState now. She also asks him when he decided to port XState to Vue, did he encounter major challenges or different challenges that were imported into react? [00:29:35] Ari talks about having to address this past week, an ongoing problem caused by use of a Boolean state. Sarah asks David what are some of the most creative applications that he’s seen of XState? [00:33:30] Tessa is curious to hear more about how the state machines work with scoping of events? [00:36:55] David talks about moving from Vuex to XState. [00:42:46} David explains why he would like to see more examples of people using state machines in creative ways. [00:45:27] Tessa wonders if David has any thoughts or has he seen any interesting examples on state machines, potentially opening up a lot more interesting avenues to create dynamic or intuitive or accessible user interfaces? Picks of the week: [00:49:10] Tessa’s pick is a game, “Phoenix Wright: Ace Attorney- Dual Destinies.” (3DS, IOS, Android) [00:50:16] Sarah has two picks: “Ten Second Songs” on YouTube and a book called, “So You Want to Talk About Race,” by Ijeoma Oluo. [00:51:39] Ari has three picks: she seconds Sarah’s “Ten Second Songs” pick. Also, a song called, Disintegration Anxiety,” by Explosions in the Sky, and a Netflix show called, “Dead to Me.” [00:52:42] David has two picks: A tutorial by Sarah Dayan called, “Using State Machines in Vue.js with XState.” Also, midi.city which is an online synthesizer. [00:53:33] Ben’s pick is a gaming laptop Acer Predator Triton 500. Sponsor: Linode Resources mentioned: David Khourshid Twitter David Khourshid GitHub David Khourshid-CodePen Enjoy the Vue-Episode 11, Test Driven Development (feat. Sarah Dayan) Erik Mogensen Statecharts State Chart XML (SCXML) W3 Spec Figma Plugin to XState XState-Usage with Vue DefinitelyTyped Repo The Keyframers “Phoenix Wright: Ace Attorney- Dual Destinies (3DS, IOS, Android) “Ten Second Songs”-YouTube “So You Want to Talk About Race” “Explosions In the Sky” by Disintegration Anxiety “Dead to Me”-Netflix “Using State Machines in Vue.js with XState” by Sarah Dayan midi.city Acer Predator Triton 500Special Guests: David Khourshid and Sarah Dayan.

Sponsored By: Show Notes [00:00:52] Tessa tells us how she got into development. She has an incredible story that started with her seeing a Facebook ad that she thought was a scam, but was it? [00:5:47] Ben is curious to know Tessa’s experience during the coding bootcamp and how it was being in a women’s only coding bootcamp. Ari tells us about her experience at her co-ed coding bootcamp. [00:10:38] Tessa talks about how she got involved with Vue and her first experience using Vue. [00:16:01] Tessa tells us what is on her plate with projects. Picks of the week: [00:18:33 Ben has two picks: a song by Jax Jones called, “All Day and Night,” and a Taiwanese drama called, “The Perfect Match,” on Netflix. [00:19:22] Tessa has two picks: YouTube News talking about YouTube feuds between YouTube stars and a book called, “How Women Rise,” by Sally Helgesen and Marshall Goldsmith. [00:21:26] Ari is a rebel and has no picks. But Ben has one more, which is an episode on John Krasinski’s, “Some Good News” on YouTube, where he has a Zoom wedding and he got “The Office” cast to come back and do a reunion. It was really cute! ☺ Sponsor: Linode Resources mentioned: Tessa Twitter “All Day And Night” by Jax Jones “The Perfect Match”- Netflix YouTube News “How Women Rise,” by Sally Helgesen and Marshall Goldsmith The Office Cast Reunites for Zoom Wedding on “Some Good News” with John Krasinski

Sponsored By: Show Notes [00:01:22] The panelists each tell us what a Reusable Component is. [00:6:20] Chris puts an open-ended question out there to the panelists as to when are props good and when are they bad? When have you regretted using props for what kinds of use cases and when are they appropriate? Ari and Tessa both share stories. [00:08:05] When are props useful and when would you want to use a prop over a slot? The panelists all discuss. [00:19:04] Chris talks about creating a map, map components, map markers component, map layer component, and provide and inject. There was a good talk on the topic of provide and inject using the map example at ConnectTech 2019. [00:21:31] Chris talks about an example using icon components. [00:26:05] Chris goes into “buttons” for forms, such as a submit button, search button, and inline buttons and Tessa shares some issues with generic components. [00:29:51] Chris asks the panelists if they’ve used “Mixins?” They have a discussion about it with “mixed” reviews. [00:38:50] As a member and representative of the Vue team, Ben tells us some things people should know about the Composition API since Vue 3 has not come out yet. Picks of the week: [00:43:32] Ari has two picks: A show called, “Mythic Quest,” on Apple TV Plus. Her second pick is having generous friends if you’re playing Animal Crossing. She did a shout-out to Tessa and Ben who both helped her out this week. [00:45:13] Ben has two picks: A song by Joel Corry called, “Lonely.” His second pick is a show on HBO called, “Westworld-Season 3.” [00:46:06] Tessa’s pick is an article in the New York Times called, “Why Zoom is Terrible,” based on a talk they had on last week’s episode, with special guest Debbie O’Brien. [00:46:39] Chris’s pick is: “Supernatural VR on the Quest,” which is similar to Beat Saber. Sponsor: Linode Panelists: Chris Fritz Ari Clark Tessa Ben Hong Links: Ari Clark (GloomyLumi) Twitter Ben Hong Twitter Tessa Twitter Chris Fritz Twitter Connect.Tech 2019 Components Basics Reusable Components with Props Buttons Slots Maps Icons Composition API “Mythic Quest” “Animal Crossing” “Lonely”-Joel Corry “Westworld”-Season 3 “Why Zoom Is Terrible”-NY Times “Supernatural VR on the Quest” Dependency Injection in Vue - Alex Riviere

Sponsored By: Show Notes [00:00:49] Debbie tells us what her first framework was and if it wasn’t in Vue, how she got into the Vue ecosystem. [00:1:20] Debbie fills us in about Nuxt. She also explains automatic wrap creation and what it does for someone who’s never done Nuxt and how is it different than normal Vue applications. [00:02:55] Ari asks Debbie if there are any situations where you would need to somehow hijack the route guards, or does it just handle all that for you? Tessa says the routing feature of Nuxt reminds her of Rails and asks Debbie if that is a popular combination to have Rails and Nuxt, and if so, does it make it a little bit more challenging to get the automatic routing working? [00:04:45] Ben wonders if Debbie’s had any experience with Headless CMS? [00:08:02] Debbie has an exciting announcement about Markdown in Nuxt which she has been working and it will be released very soon. The panel is EXCITED ☺! [00:10:20] Tessa asks Debbie if she could go into cases where she thinks Nuxt would not be a good fit for a project. She’s read about when you want to use Nuxt, but curious about when you really don’t need Nuxt. [00:14:49] Tessa wants Debbie to expand on the idea of not having to pay for hosting because it’s static. [00:17:17] Ben goes into WordPress and says he felt that some of the blog posts made it sound really easy to set up WordPress Headless CMS and he asks Debbie if she found it simple. Debbie has a funny reply that makes everyone laugh ☺ [00:22:05] Ben is curious to find out about all these talks Debbie is mentioning. Also, what is she doing since all these conferences have been canceled all over the world? [00:35:17] Tessa makes a good point and says one thing she feels that’s missing from these online experiences is atmospheric sounds, like if everyone has their mic on and it’s the same analogous situation and you can hear too much at once. It’s been a very odd adjustment for her, and she wonders if it’s been the same for everyone. [00:37:52] Debbie tells us what she’s currently working on and what can people look forward to in the next ecosystem. [00:42:33] Debbie mentions “Dev Around the Sun” which takes place May 12th, and it’s 24 hours of online talks from all different countries and different timelines, to raise money for people affected by COVID-19, and she is speaking at it. Picks of the week: [00:43:27] Ari’s pick is Fiona Apple’s new album called, “Fetch the Bolt Cutters.” [00:44:20] Tessa has four picks. Her first one is to no surprise, the “Supersize Psych Binge-a-thon” for the last week on USA Network. Her second one is the TV show, “Just Shoot Me” and the episode was about a murder mystery game. Her third pick is Final Cut Pro X. Her fourth pick is a show on Amazon Prime called, “Making the Cut.” [00:45:46] Debbie has three picks: Her first one is Tim Benniks, who has a YouTube channel, and he interviews Debbie on how she got her job. Her second pick is a book she read called, “Surrounded by Idiots.” Her third pick is a Netflix show called, “Money Heist.” [00:49:29] Ben has two picks: His first pick is homemade bagels which he made. His second pick is a movie called, “The Big Short.” Sponsor: Linode Panelists: Ari Clark Tessa Ben Hong Guest: Debbie O’Brien Links: Debbie O’Brien Twitter Debbie O’Brien Website Debbie O’Brien Dev.to NuxtJS Headless CMS DevAroundThe Sun “Fetch The Bolt Cutters”-Fiona Apple “Psych Binge-a-thon”-USA Network Just Shoot Me-“Hostess to Murder” episode Final Cut Pro X “Making the Cut”-Amazon Prime Tim Benniks-YouTube Interview with Debbie O’Brien “Surrounded by Idiots” book “Money Heist”-Netflix “The Big Short”-Amazon Prime Homemade Bagel Recipe

Sponsored By: Show Notes [00:01:00] Jack fills us in on what his first front-end framework was and how he got into the Vue community. [00:2:48] Jack tells us the reasons why Vue was the best choice and Ben chimes in as well to tell us. [00:06:20] Tessa wonders with a team that is so design heavy, did Jack find the designers were also empowered to make changes if everything looked more like HTML and CSS if they had a JSX file. [00:07:35] Chris wonders since Jack seems to like Typescript as well, how has his journey been and what were the reasons that he brought TypeScript into Vue. Also, did he do it right from the start or at some point afterwards, and he explains. [00:12:53] Tessa asks Jack if it was always a question of TypeScript vs no TypeScript or did anybody want to test something else like Flow? [00:14:24] There are some advantages to the JavaScript application, particularly in Vuex. He explains the “non-sunshine and roses” parts of using TypeScript. [00:18:42] Speaking of documentation, Jack explains if he’s found when using TypeScript with Vue it has affected onboarding, whether to make it more complex or more structured for people who are new to play. [00:21:55] For the downsides of using JavaScript, Jack and Ben explain if they see any of those getting better with Vue3 or the next version of Vuex. [00:27:34] Tessa wonders how does Jack think the transition will go from Vue2 to Vue3, especially if TypeScript is kind of implemented and he is intrigued about it. [00:29:41] Tessa wonders if there are any kinds of tools that are good to work with TypeScript. Picks of the week: [00:34:50] Tessa has three picks: watch the “Super-sized Psychtacular Binge-a-thon” on USA Network. Her second pick is “Turnip Prophet” for Animal Crossing. Her third pick is Sony is giving away the “Uncharted Collection” and “Journey” for free through May 5th. [00:36:39] Chris has three picks: A show called, “Don’t Trust the B----in Apartment 23.” His second pick is a dessert making show called,” Zumbo’s Just Desserts.” His third pick is he’s been doing a lot of hiking and he has some tips to make hiking more interesting: Read a book called, “Identifying and Harvesting Edible and Medicinal Plants in Wild (and Not So Wild) Places.” Also, get a Jewelry Loupe to identify plants, especially when they’re in bloom. [00:39:13] Jack has three picks: If you’re considering TypeScript in Vue or if you’ve already gotten started with it, check out the template interpolation setting in Vetur. His second pick is to watch a show called, “Unorthodox” on Netflix. His third pick is a video game called, “Factorio.” [00:41:11] Ben has four picks: His first pick is Jack’s talk on TypeScript and Vue @ Politico found on Vue Mastery. His second pick is Tessa, who is Turnip Queen, and introduced him to “Turnip Prophet.” His Third pick is playing “Pictionary” online with friends. His fourth pick is, “Nailed It,” a baking show on Netflix. Resources mentioned Jack Koppa Twitter Jack Koppa GitHub “Psych Binge-a-thon”-USA Network Turnip Prophet "Uncharted Collection" Journey “Don’t Trust the B----in Apt 23”-Hulu “Zumbo’s Just Desserts”-Netflix “Identifying and Harvesting Edible and Medicinal Plants in Wild (and Not So Wild) Places" Jewelry Loupes Vue template Interpolation in Vetur “Unorthodox”-Netflix "Factorio" Jack Koppa-Typescript and Vue @Politico "Nailed It!" Games to play on Zoom for Long-Distance Fun Sponsor: LinodeSpecial Guest: Jack Koppa.

Sponsored By: Show Notes [00:01:27] Ben jumps in right away and asks Amir when it comes to front end frameworks what was his first one and how did he come to join the Vue community? [00:03:46] Amir talks about how he’s heading up developer experience. He announces Ben is on the team now! YAY BEN! ☺ [00:05:07] Tessa wonders when Amir is going around to solve problems, does he find that a lot of teams have very different ways of looking at Cypress usage or end to end testing, and if so, how does he resolve that or try to work on this kind of experience that works for everyone? [00:06:47] Chris and Amir explain what end to end testing is. [00:13:23] Ben explains what end to end testing means to him and Chris talks about the two things that you need to test in your application. [00:21:54] Amir talks about something he’s been advocating for recently that has to do with testing and developing apps, so listen here find out. He also explains “introspection.” [00:26:30] A great question is asked by Ari who wants to know what are some of the barriers to entry that people find that is making it so they’re not doing this and how can you address those issues? Amir responds. [00:29:04] Tessa asks Amir if he’s speaking to a team that has a setup already, where would he have them start or how would he convince them to adopt a different testing? [00:38:31] Amir talks about what Cypress released in the recent version of Cypress 4.3 and 4.4, which is better error reporting that is significantly better. There are also some new improvements on the way as well. Picks of the week: [00:39:56] Ari has two picks: a TV show on Hulu called, “Future Man.” Also, two songs by the band, Moderat, which are, “Seamonkey” and “Porc #1.” [00:41:27] Chris has four picks: Wait… he has to sneeze, Ok, he’s good! LOL. His first pick is for you to give Vue one day to play around it. Just try it and he will never bug you again. Also, try Cypress. Please give it a try. His next pick is music by Sara Bareilles. He’s been listening to the soundtrack from, “Waitress” which she did the music for. His third pick is a puzzle story game called, “The Turing Test.” His fourth pick is the ASUS PA329Q 32inch 4K monitor which he’s heard great things from Ben. [00:44:58 Amir has two picks: “The Houseparty” app to connect with family and friends. His second pick is an App called, “Whimsical.” [00:46:40] Tessa’s has three picks: watch the “Super-sized Psychtacular Binge-a-thon” on USA Network. Her second pick is watching YouTube videos on yoga and stretching that you can do at your desk or at home. It’s great to wake you up and keeps your shoulders from getting too stiff! Her third pick is getting into mentorship this year to help other people. [00:47:44] Ben’s has two picks: Coffee Shop Zoom Virtual Backgrounds and acoustic or coffeehouse music on Spotify, for those who miss going to coffeeshops. His second pick is the ASUS PA329Q 32i” 4K monitor he recently upgraded to that Chris trolled him on earlier ☺ Resources mentioned Amir Rustamzadeh Twitter Cypress Vue.js “Future Man”-Hulu “Seamonkey” and “Porc #1” by Moderat “Waitress” soundtrack by Sara Bareilles Houseparty app Whimsical “Super-sized Psychtacular Binge-a-thon”-USA Network YouTube Full Body Flow-Yoga With Adriene Mentorship Zoom Virtual Background ASUS PA329Q 32” 4K monitor Sponsor: LinodeSpecial Guest: Amir Rustamzadeh.

Sponsored By: Show Notes [00:01:00] Ari jumps in right away asking Oscar how he got into doing compilers. He mentions the programming language him and his buddy created called, “Grain.” [00:02:03] Oscar works at Tidelift so he explains what kind of interesting work they do with the Open Source Community. [00:04:21] At VueConf, Oscar gave an awesome talk about Vue Backend, which he talks about more in depth here. [00:6:48] Tessa and Ari ask Oscar how he came up the idea with doing a lot of wild things with the API EAR and about building a backend in it. [00:11:47] Tessa wants to know how Oscar came up with his example and what was his inspiration for integrating all of it with on trends, and millennial Twitter talk, into his presentation. [00:17:43] As an attendee of the VueConf, Oscar talks about what talks made an impact on him and if he got any ideas that he would incorporate into the Backend Vue project. [00:19:58] Ben is curious what brought Oscar into the Vue community framework and he explains here. [00:22:30] Tessa asks Oscar to expand a little bit more in how he sees the React Mental Model and the Vue Mental Model and what that transition was like from one to the other. [00:27:09] What new feature is Oscar most excited for in Vue 3? Listen here. [00:30:14] Tessa asks Oscar the weirdest thing he’s had to fix in a Vue Project. What did he say? [00:36:38] Talking about PR’s, Ben and Oscar have some great advice. Bottom line is we are all here to help one another and never feel like anyone does not want your contributions. It’s always a learning opportunity. Picks of the week: [00:41:55] Ari has two picks: a 2-part song called, “Phantom/Phantom PT II” by Justice. Also, a show on Netflix called, “Community.” [00:43:42] Ben has two picks: he also picked “Community” and “Steam,” the free gaming platform you can download and has tons of games. [00:45:22] Oscar has three picks: a band called, “Oh Wonder,” a video game called, “Factorio,” and the video game, “Animal Crossing: New Horizon.” [00:48:47] Tessa’s has two picks: a show on Netflix called, “Travelers” and a show called, “Psych” on USA Network. Resources mentioned Grain Tidelift Oscar Spencer GitHub Oscar Spencer Twitter “Phantom/Phantom PTII” by Justice Community Steam Oh Wonder Factorio Animal Crossing: New Horizons Psych Travelers Sponsor: LinodeSpecial Guest: Oscar Spencer.

Sponsored By: Show Notes [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: [00:33:34] Chris has two picks: “Half-Life: Alyx,” a virtual reality game series and a cartoon series called, “Steven Universe Future.” [00:36:48] Ben has three picks: VS Codes Live Share, a tv show on Netflix called, “Ugly Delicious,” and a game called, “Don’t Starve Together.” [00:38:22] Chris decides he has one more pick☺, “Drawful 2,” which is a great game to play remotely with friends, found on STEAM and it’s FREE!!!! [00:39:13] Tessa has two picks: She suggests taking classes with a friend. She is currently doing an online tarot class with a friend which is a fun way to keep in touch and she suggests going to watch a professional photo shoot in “Animal Crossing” that Jessica Kobeissi, put together on YouTube. [00:40:11] Ari has two picks: a song called, “Since You Asked Kindly,” by the band, “BadBadNotGood,” and a series on Hulu called, “The Last Man on Earth.” Resources mentioned Vue.js Devtools “Half-Life:Alyx” “Steven Universe Future” VS Code Live Share “Ugly Delicious” “Don’t Starve Together” “Drawful 2” 4 Best Tarot Card Courses “Animal Crossing” Photoshoot with Jessica Kobeissi “Since You Asked Kindly,” by BadBadNotGood “The Last Man on Earth” Sponsor: Linode

Sponsored By: Show Notes About our guest: Eduardo San Martin Morote Twitter @posva Website Github [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: [00:55:17 Chris’s has two picks: A game called “Disco Elysium” and a show called, “Dollface” on Hulu. [00:56:20] Ari’s has two picks: A game called, “Animal Crossing: New Horizons” on Nintendo Switch. Her other pick is two songs by the group, Explosions In The Sky, called, “The Birth and Death of the Day” and “The Wilderness”. [00:57:24] Eduardo’s has three picks: A game called, “Resident Evil 2” and a Korean show called “Kingdom” and “The Platform” on Netflix . [01:01:26] Tessa’s has two picks: She is going with Ari’s recommendation of the game, “Animal Crossing: New Horizons”” and a retro pick for her which is a book called, “The Art of Gathering: How We Meet and Why It Matters”. Other resources mentioned Vue Router Nuxt-style routing in regular Vue apps Vue Enterprise Boilerplate routing docs Alternative routing strategies Eduardo's GitHub Sponsors Vue Land Discord vue.land/chat.vuejs.org Sponsor: LinodeSpecial Guest: Eduardo San Martin Morote.

Sponsored By: Show Notes [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 Twitter @frontstuff_io Website Sarah's picks XState (state machines/statecharts library) Vuex ORM (object-relational mapping access to the Vuex store) The 100 on Netflix Master of None on Netflix Tessa's picks The Good Place - NBC/Netflix Anne with an E - Netflix Dispatches from Elsewhere - AMC We Should Get Together (Kat Vellos) - Book (DRM-free via her website and her preferred method to purchase iirc https://weshouldgettogether.com/products/epub-we-should-get-together-the-secret-to-cultivating-better-friendships) Animal Crossing - Switch Vue DC remote meetup Other resources mentioned Pro Plan Algolia - Help Coronavirus Testing Library by Kent C Dodds Dinero.js - Sarah Dayan Sponsor: LinodeSpecial Guest: Sarah Dayan.

Shownotes [00:03:38] Maria explains the resources that people should know about, tools, and techniques in the accessibility space. [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: [00:50:05] Ari has two picks: A song called “The Light,” by The Album Leaf. Also, a song called, “Da Funk,” by Daft Punk. [00:50:33] Chris has two picks: A game called, “Disco Elysium,” and to protect against the COVID-19 virus using scarves and bandanas instead of surgical masks. [00:54:40] Elizabeth’s pick is a keyboard shortcut on VS code, Ctrl+G, on Mac and Windows. [00:56:57] Maria’s pick is that she let her dog lead her on a walk recently and he led them to a secret new dog park inside their neighborhood and it has changed her life! [00:58:01] Ben has two picks: Check out Maria’s talk at VueConf on Vue Mastery and the tv show, “Survivor” Season 33: Millennials Vs. Gen-X. Resources: Maria Lamardo's Twitter Maria Lamardo's Linkedin Pendo Color Oracle Vimium Cuid Focus Indicator CB Averitt Vue Enterprise Boilerplate base-link component GitHub Ally Organization Rob Dodson-A11ycasts on YouTube Vue School-Web Accessibility with Maria “The Light” by The Album Leaf “Da Funk” by Daft Punk Disco Elysium VS Code shortcut Web Accessibility Talk at VueConf with Maria “Survivor”-Season 33 Sponsor: LinodeSpecial Guest: Maria Lamardo.

Get started with Vue Test Utils Guest information Lachlan Miller Twitter @Lachlan19900 Github [Blog/Website](vuejs-course.com/) Book about Vue testing Picks: Talks from Vue Amsterdam, Vue 3 source code, the movie "Parasite". Name: Jessica Sachs Twitter @_JessicaSachs Github Website: https://jessicasachs.io [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: [00:53:56] Elizabeth’s has two picks: A song called, “I Wish,” by Tom Misch and the movie, “1917.” [00:54:29] Ben has two picks: A Netflix show called, “Love Is Blind.” And for gamers out there, “Destiny 2,” and it’s FREE!! [00:56:06] Ari has three picks: Two songs by Scattle called, “Relay” and “Serrated.” Also, a show on HULU called, “High Fidelity.” [00:57:05] Chris’s has two picks: Both are shows are on HULU called, “Everything’s Gonna Be Okay” and “Please Like Me.” [00:58:56] Jessica has three picks: An App/desktop game called “Mini Metro,” GitHubs new notifications UI, and an old comedy movie called, “Bull Durham.” [01:01:20] Lachlan has three picks: Vue.js 3 source code is an interesting read, a movie called, “Parasite,” and a Vue.js Documentary. Links: Official Episode #9 Site Follow the podcast on Twitter and Instagram Podcast website Mocking, Stubbing, Mount, Shallow Mount Vue.js-course Vue.js testing handbook Vue.js documentary Sponsor: LinodeSpecial Guests: Jessica Sachs and Lachlan Miller.

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: [01:01:02] Ben’s pick is a book called, “Essentialism” by Greg McKeown. [01:01:54] Chris’s pick is to check out self-directed education, like Pathfinder. [01:03:18] Hope has two picks: “Outlander” on Netflix and a blog called “Post Secret.” [01:06:38] Ari has three picks: two songs by music group “Moderat,” called, “A New Error” and “Les Grandes Marches.” The third is a TV show on HULU called, “Community.” Sponsor: LinodeSpecial Guest: Hope Wilder.

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: [00:52:26] Ben has 2 picks: Beat Saver (music packs) and an IPAD App called Shadow Draw. [00:53:31] Ari’s pick is a Netflix show called, “The End of the F*ing World.” [00:54:12] Chris has 2 picks: Beat Saver and Beast Saber. BennyDaBeast is best mapper and Great Yazer. His second pick is a game called, “Turing Tumble.” [00:56:44] Elizabeth’s pick is an energizing article at github repo called, “Things you can do with a browser in 2020._” Sponsor: Linode

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.

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. [00:00:40] The panel goes over their developer tool stack. First up…browsers [00:03:02] What code editors are they all using? [00:04:39] What Terminal App are they using? Who on the panel is using just Terminal??!!! What?!!! Also, Chris Fritz brings up alt keyboard usage and terminal themes. [00:09:53] Since they started talking about terminal themes, the group wanted to find out what themes they are using in VS Code? [00:14:21] The BIG question?? Tabs or spaces? 1, 2, or 3?? Chris argues that the research shows “2” is the correct answer. [00:20:32] What is their GIT methodology? [00:27:12] What are some of the other favorite VS Code extensions that they like? [00:30:38] What is everyone’s one productivity app that they like to use? Picks [00:35:28] Ari Clark’s first pick is an app she picked up from Marina Mosti’s book “Building Forms with Vue.js” called Mockoon, which allows you to mock out servers. Her next pick is a Netflix show called “Diagnosis.” [00:36:40] Chris Fritz has more Netflix picks this week. A couple of episodes from Black Mirror that he watched: “San Junipero” and “Striking Vipers”. Chris’s second pick is also for Notion. He uses it for relationships as well. [00:39:58] Elizabeth Fine has a “backup” pick, it’s a Testing Handbook for Vue Test Utils by Lachlan Miller. [00:40:29] Ben Hong wraps up this week’s picks with the Anime “Dr Stone” available on Crunchy Roll. Of course, as revealed in the productivity segment, Notion is one of Ben’s other picks this week.

Sponsored By: 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. [00:05:32] Chris digs deeper into emceeing (vs giving talks or hosting workshops) and what it takes to do it. Divya goes into how it was a natural evolution for her. [00:15:55] Chris circles back to the Vuex Workshop that Divya is hosting. She explains how it grew out of previous talks she was doing. Divya likes the fact that there is much more interactivity when doing workshops, vs talks where it’s pretty much a one-way conversation. There are also time constraints when giving talks. A workshop provides so much more freedom. [00:24:02] Elizabeth was following Divya’s JAMuary posts about JAMstack. Divya created a series, which involved sharing thoughts and insights about JAMstack on a daily basis. [00:34:12] Divya explains what JAMstack is...Javascript, API, and Markup. It’s about building sites as statically as possible. She goes in depth into JAMstack. Panelists Ari Clark Elizabeth Fine Chris Fritz Ben Hong Guest Divya Sasidharan Resources Divya Sasidharan Netlify Blog Divya Sasidharan GitHub Divya Sasidharan Twitter Divya Sasidharan Notist Vue.js Amsterdam VueConf US Austin Vuex JAMuary JAMstack Zumbo’s Just Desserts Genmaicha Tea Black Clover The Ecstatic’s “Explosions in the Sky” Vue.js: The Documentary Essentialism: The Disciplined Pursuit of Less Baba is You Weathering with You Links Official Episode #4 Site Follow the podcast on Twitter and Instagram Podcast website Special Guest: Divya Sasidharan.

Sponsored By: Panelists Ari Clark Chris Fritz Ben Hong Elizabeth Fine Show Notes Enjoy the Vue Episode 3 - VV Day, DevRel & More with Jen Looper Thanks so much to Jen Looper for being our guest today! You can find her at: Twitter: @jenlooper Github: jlooper Website: [jenlooper.com](jenlooper.com) Other helpful links: Vue Vixens Website: https://www.vuevixens.org/ Vue Vixens Day Website: https://vvdayus.vuevixens.org/ Vue Vixens Slack Invite: https://communityinviter.com/apps/vuevixens/vue-vixens Donate via Patreon: https://www.patreon.com/vuevixens/posts Partner with them to create experiences Donate time to help with code reviews @VueVixens Twitter account: https://twitter.com/VueVixens Slack is a great way to get in touch Links * Official Episode #3 Site Follow the podcast on Twitter and Instagram Podcast website Special Guest: Jen Looper.

Sponsored By: Panelists Ben Hong Chris Fritz Elizabeth Fine Show Notes In this week's episode, we talk about a critical developer tool that is often essential to many Vue applications: Vue CLI. In addition to covering what makes it so great, the panel discusses their favorite parts of the tool along with tips and tricks for making sure you get the most out of your Vue CLI builds! Links Official Episode #2 Site Follow the podcast on Twitter and Instagram Podcast website

Sponsored By: Panelists Chris Fritz Elizabeth Fine Ari Clark Ben Hong Show Notes We are really excited to welcome you to our new podcast - Enjoy the Vue! This podcast is all about Vue.js. We are going to bring you panel and guest discussions involving the Vue and tech communities every week. In this episode, we introduce our panel: Chris Fritz, Ben Hong, Ari Clark, and Elizabeth Fine. Links Official Episode #1 Site Follow the podcast on Twitter and Instagram Podcast website