Support us on Kofi! (https://ko-fi.com/C0C86NYJW) Everybody needs a break sometimes. That’s why we’re going on a brief hiatus! We know you will miss us while we’re gone so, to keep you entertained until our return, we are sharing some extra special picks in today’s episode. From the Steam Deck to the wonderful game of chess, from Inventing Anna to a new season of Taskmaster, we have an exciting list of games and bingeable TV shows for you, plus one or two movies, a horror novella, and some flashy moves too! Don’t miss this special edition of Enjoy the Vue, especially since it will be our last for a while. Thanks for joining us! Key Points From This Episode: Diving right into our special edition picks, starting with the Steam Deck. Why Ari says half the fun of watching Inventing Anna is imitating the accent. Oscar’s movie pick: Everything Everywhere All at Once and why you should watch it. Tessa’s experience of playing Fire Emblem: Three Houses on Nintendo Switch. Ghosts on BBC One (not the American version!) and Severance on Apple TV+. Oscar shares a pick he may or may not have mentioned previously: Slay the Spire. Why Tessa recommends Better Call Saul, even if you haven’t seen Breaking Bad. Ari on why Horizon: Forbidden West is everything she “hoped and dreamed of and more.” Play a game of chess between meetings with Oscar on Chess.com! The diversity and inclusivity of the cast on The Good Doctor on ABC. A game show and a dramatization; Game Changer and The Girl from Plainville. Why Oscar suggests practicing flashy moves for when you play tabletop games. Tessa offers up an animated film, a book, a YouTube show, and a ginger seltzer. Oscar shares his professional opinion on whether seltzer is better out of a bottle or a can. We leave you with some classic Enjoy the Vue ‘goofing’ to close the show! Tweetables: “Severance, which is on Apple TV+, [is] honestly one of the best shows I have ever watched. Every moment is so intentional, even if it doesn't seem like it in the moment.” — @EnjoyTheVueCast (https://twitter.com/EnjoyTheVueCast) [0:11:44] “If you want to just play a game [of chess] in the background with some folks between meetings, you just pop over to the [Chess.com] tab, make a move, smile at how smart you are, and continue on.” — @EnjoyTheVueCast (https://twitter.com/EnjoyTheVueCast) [0:26:07] “It's less about your ability to play [a game] and more about how high your intimidation skill is.” — @EnjoyTheVueCast (https://twitter.com/EnjoyTheVueCast) [0:37:53] “People will disagree with me on this point, but I think your first chug of seltzer should be approximately half the can. You may take sips after that, but the initial chug should be about half the can to be enjoyed immediately.” — @EnjoyTheVueCast (https://twitter.com/EnjoyTheVueCast) [0:45:18] Links Mentioned in Today’s Episode: Alex Steam Deck (https://store.steampowered.com/steamdeck) Ghosts (British version) (https://play.hbomax.com/page/urn:hbo:page:GXrBDuAniEYC9JwEAAAWV:type:series), BBC (HBO Max) Taskmaster series 13 (https://www.channel4.com/programmes/taskmaster), Channel4 Chess: The Musical (https://en.wikipedia.org/wiki/Chess_(musical)) Game Changer (https://www.dropout.tv/game-changer), Dropout.tv Star Realms (https://www.starrealms.com/digital-game/) Seedlip Drinks (https://www.seedlipdrinks.com/) Ari Inventing Anna (https://www.netflix.com/title/81008305), Netflix Severance (https://tv.apple.com/us/show/severance/umc.cmc.1srk2goyh2q2zdxcx605w8vtx), Apple TV+  Horizon Forbidden West (https://www.playstation.com/en-us/games/horizon-forbidden-west/) (Playstation 4, Playstation 5) The Girl from Plainville (https://www.hulu.com/series/b23dbb07-5a56-4918-8a17-a0cbe18d7884), Hulu Oscar Everything Everywhere All At Once (https://en.wikipedia.org/wiki/Everything_Everywhere_All_at_Once) Baba is You (https://hempuli.com/baba), Hempuli Slay the Spire (https://www.megacrit.com/), Mega Crit Chess (https://www.chess.com/) Flashpoint (https://boardgamegeek.com/boardgame/100901/flash-point-fire-rescue) Practicing meaningless flashy ways of placing pieces in games Tessa Fire Emblem: Three Houses (https://www.nintendo.com/store/products/fire-emblem-three-houses-switch), Intelligent Systems, Koei Tecmo (Nintendo Switch) Better Call Saul (https://www.amc.com/shows/better-call-saul--1002228), AMC The Good Doctor (https://abc.com/shows/the-good-doctor), ABC Helpmeet (https://bookshop.org/books/helpmeet-9781988964386/9781988964386), Naben Ruthnum ねこぢる草 (Cat Soup) (https://en.wikipedia.org/wiki/Cat_Soup), J.C. Staff Stolen Focus: Why You Can't Pay Attention--And How to Think Deeply Again (https://bookshop.org/books/stolen-focus-why-you-can-t-pay-attention-and-how-to-think-deeply-again/9780593138519), Johann Hari なつめさんち (https://www.youtube.com/channel/UCuSRzuQayUyETYvmE-78eVQ), YouTube Ginger seltzer NuMuv Multi Use Grip Aid (https://www.arthritissupplies.com/numuv-multi-use-grip-aid.html)

Support us on Kofi! (https://ko-fi.com/C0C86NYJW) Have you ever wondered if it's worth breaking the internet? No? Well, today's guest has! Tune in as we chat with Yulia Startsev, a software engineer for Mozilla, and a compiler for JavaScript. We dive into the conversation with who uses semi-colons (and when and why), followed by an anecdote from Yulia about Smoosh and the potential to break the internet. Yulia talks us through the considerations when naming a new JavaScript function, and the promising changes around immutability. We also learn how to remember the difference between the splice and slice functions, and why pattern matching is such an exciting prospect. We hear about the four stages of deciding to change JavaScript, why most programming languages are written in English, and why certain popular functions like caller and colleague were deprecated. We wrap up the episode with a summary of what the array by group function does, who funds the updates to JavaScript, and what Yulia’s fantasy changes to the web would be! So, for all this and so much more, tune in today. Key Points From This Episode: Welcome to today’s guest, Yulia Startsev, an engineer at Mozilla and compiler for JavaScript.  A discussion around semicolons and who’s pro and who’s against (and who’s neither!). Why it’s important not to break the internet: a funny anecdote about SmooshGate.  The considerations to take into account when naming a function.  What’s coming to JavaScript: Immutability.  Why Tuples are such an exciting prospect and their role in wrap-around vs incomplete infinite grids.  How the team understands the difference between splicing and slicing.  How Yulia and the JavaScript team come up with new names.  The idea behind pattern matching, and how it will reduce the cognitive load on developers.  The four stages of deciding to accept a change to JavaScript.  Why most programming languages are written in English.  Why the caller and colleague functions were deprecated.  Array by group: what it is, why it’s interesting, and the readability issues it is facing.  Things the team would love to add to or change in JavaScript.  When Yulia is willing to break the web.  Who funds the updates and changes to JavaScript.  Yulia’s fantasy changes to JavaScript, and why these are far in the future.  Where you can find out more about Yulia! Today's picks: from board games to body pillows to YouTube essayists.  Tweetables: “Pattern matching is a proposal I am quite excited about, switch in case statements are very interesting in JavaScript. By interesting, I mean, broken.” — @codehag (https://twitter.com/codehag?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor) [0:27:23] “[Pattern matching is] very exciting. It's very, very powerful, which makes it a little scary because using an overpowered tool for something that doesn't need that level of power can lead you to making mistakes that you wouldn't make with a less powerful tool.” — @codehag (https://twitter.com/codehag?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor) [0:33:19] “It’s significantly more difficult to remove something than it is to add something.” — @codehag (https://twitter.com/codehag?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor) [0:52:10] Links Mentioned in Today’s Episode: tc39: How We Work (https://github.com/tc39/how-we-work) (GitHub) SmooshGate: The ongoing struggle between progress and stability in JavaScript (https://medium.com/@jacobdfriedmann/smooshgate-the-ongoing-struggle-between-progress-and-stability-in-javascript-2a971c1162dd), Jacob Friedmann SmooshMonkey (https://bugzilla.mozilla.org/show_bug.cgi?id=smooshmonkey) Reduce/Reduce Conflict (https://www.gnu.org/software/bison/manual/html_node/Reduce_002fReduce.html#:~:text=A%20reduce%2Freduce%20conflict%20occurs,zero%20or%20more%20word%20groupings.), gnu.org JavaScript Records & Tuples Proposal (https://github.com/tc39/proposal-record-tuple), tc39 (GitHub)  Record & Tuple Tutorial (https://tc39.es/proposal-record-tuple/tutorial/#:~:text=What%20is%20Record%20%26%20Tuple%20%3F,a%20deeply%20immutable%20primitive%20value.), tc39 Kolates? (non-English programming language conference) Function.caller (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/caller) (deprecated), MDN Why was arguments.callee removed from ES5 strict mode? (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments/callee#why_was_arguments.callee_removed_from_es5_strict_mode), MDN Temporal Proposal (https://github.com/tc39/proposal-temporal), tc39 Symbol.species (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/species) (please don’t use), MDN Companies scramble to defend against newly discovered 'Log4j' digital flaw (https://www.npr.org/2021/12/14/1064123144/companies-scramble-to-defend-against-newly-discovered-log4j-digital-flaw), Jenna McLaughlin (NPR) CommonJS (https://en.wikipedia.org/wiki/CommonJS#:~:text=CommonJS%20is%20a%20project%20with,outside%20of%20the%20web%20browser.&text=programming%20with%20Node.-,js.,browsers%20don't%20support%20CommonJS.), Wikipedia Run to completion scheduling (https://en.wikipedia.org/wiki/Run_to_completion_scheduling), Wikipedia English Linguistic Imperialism in Programming (https://www.pagerduty.com/eng/english-linguistic-imperialism-programming), Hannah Chung (PagerDuty) Coding Is for Everyone—as Long as You Speak English (https://www.wired.com/story/coding-is-for-everyoneas-long-as-you-speak-english), Gretchen McCullough (WIRED) How to find Yulia on the internet: Twitter: @codehag (http://twitter.com/codehag) Github: codehag (https://github.com/codehag) Twitch.tv: codehag (https://twitch.tv/codehag) Compiler Compiler (https://www.youtube.com/watch?v=gPcHBzWXq1E&list=PLo3w8EB99pqJVPhmYbYdInBvAGarDavh-&index=1), Yulia Startsev (YouTube) Mozilla Hacks: Yulia Startsev (https://hacks.mozilla.org/author/ystartsevmozilla-com) This week's picks: Yulia Startsev Sophie from Mars (https://www.youtube.com/channel/UCJmlCcnfMlyPA2oSbb072QA), YouTube The Ballad of Himbo Geralt: A look at Netflix' The Witcher | Witchermania (https://www.youtube.com/watch?v=yO9ZGr84Xg4), Sophie from Mars Lang Jam (https://github.com/langjam/langjam), JT (GitHub) Advent of Code 2021 in APL #1! (https://www.youtube.com/watch?v=DNYxfoCEVEM), code_report (YouTube) Functional vs Array Programming (https://www.youtube.com/watch?v=UogkQ67d0nY), code_report (YouTube) Alex Santa Monica (https://www.alderac.com/santa-monica/), Board Game Ari Golden Girls (https://www.hulu.com/series/the-golden-girls-a6e5db1c-ab70-451d-8b8c-2fba9ea29248), ABC (on Hulu) Tessa Body pillow Teacup (https://whitethorngames.com/teacup), Smarto Club (Xbox Series X and Series S, PlayStation 4, Microsoft Windows, Nintendo Switch, Xbox One, PlayStation 5) Hellbound (https://www.netflix.com/title/81256675), Netflix Jorts (https://twitter.com/AITA_online/status/1470862918908624908) Jorts update (https://twitter.com/Rainbowmazin/status/1470871686996283394)

Support us on Kofi! (https://ko-fi.com/C0C86NYJW) Today we welcome our friend Jacob Schatz to the show to have an informative and hilarious conversation about his work and how Vue fits into the different projects he is busy with. Jacob is currently the Head of Automation at Remote and has a lot of experience working with JavaScript and Vue. In our conversation, we get to hear from Jacob about the lessons he has learned in these, and other, languages, and how he approaches making decisions about which language to use for a specific task. We also speak about his conference appearances, his home, color representation in games, and the most recent game that Jacob has been developing. Our guest admits that he has an urge to learn and try out all coding languages and keep broadening his horizons; he also touches on his recent efforts to learn Chinese. Stay tuned for this week's extended picks section, where we talk about our favorite TV shows, cleaning products, and interior decorating hacks! Key Points From This Episode: An introduction to Jacob, his current position, and his goal of learning Chinese!  A couple of self-help book recommendations from Jacob.  Jacob unpacks his perspective on side projects and why he likes to use Vue.  Some thoughts on humor at conferences and some of the longest jokes we know. A walk-through of Jacob's house and some of the remodeling he has been busy with.  The game that Jacob was working on recently as a means to explore the possibilities of Vue.js.   Color representation in games and exploring the importance of true and accurate colors.   Jacob's interest in learning and trying out all languages!   Thoughts on breaking up projects into separate components and using different languages for each part.   Examples of some popular devices and the languages that they use.   Jacob shares how he approaches his current work at Remote and the languages he uses.   Thoughts on when Vue is the right or wrong option to get something up and running. Where to find Jacob online and his funny story about his email address! This week's picks; Marvel TV shows, earplugs, comic series, drain cleaner, and more. Jacob shares the inside scoop on his headphone choices. Tweetables: “I've been writing Vue forever. I think the reason I chose it is just because at this point, it's boring and it's easy and I have all the problems solved already.” — @jakecodes (https://twitter.com/jakecodes?lang=en) [0:05:47] “If you had a choice between a lawnmower, React, Vue, Svelt, and an electric skateboard, choose Vue.js.” — @jakecodes (https://twitter.com/jakecodes?lang=en) [0:36:03] “I want to learn all the programming languages, even if it's like, nobody uses them. It's like talking to a bunch of different people.” — @jakecodes (https://twitter.com/jakecodes?lang=en) [0:47:24] “If you're going to build a game from scratch and you can always do whatever the hell you want, you can just technically put something in C++ and then have something in Vue.” — @jakecodes (https://twitter.com/jakecodes?lang=en) [0:54:44] Links Mentioned in Today’s Episode: Natethesnake.com (https://natethesnake.com) Wireless bluetooth ear protection headphones (https://www.homedepot.com/p/3M-WorkTunes-Connect-Hearing-Protector-with-Bluetooth-Technology-90543H1-DC-PS/302428920) Home Depot Videos (http://videos.homedepot.com/) Leightning L0F Folding Ultra-slim Passive Earmuff (https://www.howardleightshootingsports.com/products/leightning-l0f-folding-ultraslim-shooting-earmuff-black) Allegro (https://liballeg.org/) Wasm (https://webassembly.org) Internet Explorer 3, an adventure in cross-browser compatibility (https://chenhuijing.com/blog/internet-explorer-3-an-adventure-in-compatibility), Chen Hui Jing Internet Explorer 3, Wikipedia (https://en.wikipedia.org/wiki/Internet_Explorer_3) RemNote (https://www.remnote.io) Anki (https://apps.ankiweb.net) Mermaid (https://mermaid-js.github.io/mermaid) Bang Bang! (https://en.wikipedia.org/wiki/Bang_Bang!), Fox Star Studios Bang & Olafsen ANC headphones with long battery life (https://www.bang-olufsen.com/en/us/headphones/beoplay-h9?variant=beoplay-h9-3-matte-black) Enjoy the Vue Cats (https://twitter.com/enjoythevuecats), Twitter This Week's Picks Jacob Schatz Learn Chinese with Rocket Languages (https://www.rocketlanguages.com/chinese/premium) HSK, Jonathan Stewart Taylor Swift (https://www.taylorswift.com) in concert Alex What If…?, Marvel Studios (Disney+ (https://www.disneyplus.com/series/what-if/7672ZVj1ZxU9)) Ari Manifest (https://www.nbc.com/manifest), NBC (television show) Tessa Takefumi Ashi Tsubo Massage Board (https://onewaybeauty.com/products/japanese-foot-massage-mat-board-acupressure-shiatsu-circulation-reflexology-with-nubs-light-blue) Loop Experience Ear Plugs (https://www.loopearplugs.com/products/experience?variant=32884193656935) Nodame Cantabile (https://en.wikipedia.org/wiki/Nodame_Cantabile), Ninomiya Tomoko Invade Bio Drain (https://www.rockwelllabs.com/invade-bio-drain.html) Special Guest: Jacob Schatz.

Support us on Kofi! (https://ko-fi.com/C0C86NYJW) Our focus in today's episode is more on the technical side of things and we get right into the weeds on the subject of how to continue your development work when you do not have all the API information you need. We speak about a bunch of options at your disposal, some of which we have tried and some that we have merely heard of, but whichever route you choose, this is definitely something you need to be able to do! Tuning in, you will hear about some recommended resources and tools for the processes of creating mock data and fake responses, and how to approach the data structure and model for the best results. We also get into some thoughts on the responsibilities related to APIs and why considering the different kinds of brains and machines that might be interpreting the data can help us format it most effectively. To finish off, we list a few of our wins and losses in the domain, before getting into this week's fun picks, including a novel, a TV show, a Japanese word game and more! Key Points From This Episode: Our past strategies to deal with an endpoint that is not yet ready to integrate with.  The packages, across different languages that can help in the process.   More online resources for finding necessary responses and elusive information.    The value of creating fake responses for a working API.  Approaches to data and making it readable for different types of people and machines. Data structure, sources of truth, and defining the data model.  Whose responsibility is it to maintain APIs?  Jumping off points for learning more about mocking data and playing with APIs. Mistakes and successes working with mock data and APIs!  This week's picks: books, Japanese crosswords, cookies, and Superstore! Tweetables: “Today, we're talking about what to do when the API endpoint that you need to integrate with isn't ready yet, but you need to still continue development.” — Ari (https://twitter.com/GloomyLumi) [0:00:21] “Sometimes you need to actually be able to figure out the integration part of the API before the API is ready.” — Ari [0:06:16] “If you're wanting to be able to run tests quickly, having to run your tests against an actual API, that can take a while.” — Alex (https://twitter.com/fimion) [0:10:07] “I do you feel like data transformation is one of the most painful parts of dealing with APIs, especially when the API is not in place.” — Tessa (https://twitter.com/halftes6) [0:12:40] Links Mentioned in Today’s Episode: Hypothesis (https://hypothesis.readthedocs.io/en/latest/) Mockoon (https://mockoon.com/) Httpbin (https://httpbin.org) Mock service worker (https://mswjs.io/) RedwoodJS (https://redwoodjs.com/) OpenAPI spec (https://spec.openapis.org/oas/latest.html) Swagger (https://swagger.io/) https://github.com/Surnet/swagger-jsdoc Cypress Intercept (https://docs.cypress.io/guides/guides/network-requests) ​​Mock API Server Online Testing & API Mocking Guide, (https://stoplight.io/mock-api-guide/basics) Stoplight ​​Setting up mock servers (https://learning.postman.com/docs/designing-and-developing-your-api/mocking-data/setting-up-mock), Postman ​​Mocking by API (https://learning.postman.com/docs/designing-and-developing-your-api/mocking-data/mock-with-api), Postman API Mocking: Best Practices & Tips for Getting Started (https://www.soapui.org/learn/mocking/what-is-api-mocking), SoapUI Amina’s episode (https://enjoythevue.io/episodes/64) This weeks picks: Alex The Gilded Ones (https://bookshop.org/books/the-gilded-ones-9781984848697/9781984848697), Namina Forna Ari Superstore (https://www.nbc.com/superstore), NBC (television show) Tessa J-crosswords, renshuu (Android (https://play.google.com/store/apps/details?id=com.renshuu.renshuu_crosswords), iOS (https://apps.apple.com/us/app/j-crosswords/id1539315947)) Trader Joe’s Chocolate Chip Cookies Review: Sweet on Trader Joe’s: Chocolate Chip Cookies (https://www.bakeat350.net/2021/02/sweet-on-trader-joes-chocolate-chip-cookies-review.html), Bake at 350

Support us on Kofi! (https://ko-fi.com/C0C86NYJW) Today we turn our attention to our very own Ari! Join us as we get to know her journey before and after getting into programming. We hear from Ari about the time she spent working in her family's fabric business, some cutting and measuring techniques that she learned, her forays into studying engineering, and how she found programming around the age of 30. This leads to some discussion on conferences, boot camps, and how a brief experience can lead to a whole new direction! We then talk about getting into Vue and our regrets about the first code we wrote in the framework before we finish off the chat with some lighter thoughts on playing games and learning new skills. Stay tuned until the end of the episode to catch our latest picks, featuring a bunch of TV shows we are currently watching. Key Points From This Episode: Ari's professional history, working in the family fabric business, and her path into programming.   Studies in engineering and why this route did not pan out for Ari.  The important conversation that redirected Ari's life and career.    How conferences have influenced each of our lives and standout experiences we have had.   What Ari learned at her first boot camp and the languages it covered. Ari's first introduction to Vue and the first pieces of code we each wrote in the framework.  Thoughts on starting new games; aversion to learning, enjoyment, and new abilities. A reminder of where to find and connect with Ari online.   This week's picks: Netflix shows, game shows, and Ari's headphones! Tweetables: “Another great way to go to a conference for free is to be a speaker.” — @GloomyLumi (https://twitter.com/gloomylumi) [0:19:12] "There was not a lot of documentation around deploying with a full-stack application. I had to figure that out on my own, which I did.” — @GloomyLumi (https://twitter.com/gloomylumi) [0:27:08] “It’s pretty much never actually about the end product, at least not from a growth perspective as a developer.” — @GloomyLumi (https://twitter.com/gloomylumi) [0:28:20] Links Mentioned in Today’s Episode: Minky (https://www.fabric.com/fabric-type/minky) World of Warcraft (https://worldofwarcraft.com/) Our Picks: Alex Kongen Befaler (https://www.imdb.com/title/tt13218362/) (IMDB) (Taskmaster Norway) Ari Love on the Spectrum (https://www.netflix.com/title/81265493), Netflix  Tessa Squid Game (https://www.netflix.com/title/81040344), Siren Pictures, Inc., Netflix

Support us on Kofi! (https://ko-fi.com/C0C86NYJW) There are very few barriers keeping you from creating the career you want. For many developers, formal education no longer matters. What matters is demonstrating your skill and your dedication to the craft you’ve chosen to pursue. When you learn in public, you do just that; you share your skill development and your work in progress online. Originally from Lagos, Nigeria, today’s guest is a frontend developer, content creator, speaker, and conference contributor who advocates for the benefits of learning in public. Gift Egwuenu relocated to the Netherlands in 2020 to begin her journey as a Frontend Engineer at Passionate People, a Javascript-focused consultancy based in Amsterdam. Since then, Gift has gained experience working in various environments, with various people, and in a multitude of frameworks and, in today’s episode, she shares some of the pros and cons of learning in public and what it means, from sharing what you’re learning on Twitter to creating video tutorials and live streams. We touch on the concept of conference-driven development, self-motivated learning versus audience-driven content, and work-life balance, and we share some of our favorite resources and suggestions for getting started on your learning in public journey! For all this and so much more, including our weekly picks (of course!), make sure not to miss this insightful conversation with Gift Egwuenu! Key Points From This Episode: Introducing Gift Egwuenu and today’s topic: learning in public. The concept of conference-driven development and #100DaysOfCode as public learning. Why Gift believes that Twitter isn’t necessarily the best forum for public learning. Alternative methods for learning in public, including YouTube videos or Twitch streams. Alex and Tessa share their opposing views on the benefits of seeing learners struggle. How having knowledgeable guests on your stream can be beneficial. Why you get more flexibility from having a specific framing context for public learning. Gift highlights the value of using her edited video content as practice for live streams. Creating audience-driven content versus self-motivated learning in public. How learning in public can engender accountability, according to Tessa. Gift shares the benefits of learning in public, from gaining visibility to community support. The panel reflects on the challenges of maintaining a healthy work-life balance while also learning in public and creating content consistently. Setting boundaries around learning in public without creating extra work for yourself. Some of Gift’s favorite resources, including Shawn Wang and Kent C. Dodds. Tips for getting started, from setting yourself up for success to embracing failure. Gift’s advice for those who want to try public learning: don’t take it too seriously! This week’s picks: United Parcel Service, live-action Sweet Home, Sally Rooney, and more! What headphones Gift is currently using and whether or not she likes them. Tweetables: “A lot of people [think], ‘Why would I come out and publicly humiliate myself? Because this is not something that I'm an expert in.’ They shy away from doing it, but I like to advocate for [public learning], because of the benefits that it comes with.” — @lauragift_ (https://twitter.com/lauragift_) [0:09:54] “One of the reasons that learning in public is popular is because it can engender accountability.” — @EnjoyTheVueCast (https://twitter.com/enjoythevuecast) [0:22:39] “Job opportunities, getting access to mentors, or just people helping you out is another benefit you get out of [public learning].” — @lauragift_ (https://twitter.com/lauragift_) [0:25:51] “The most important thing is to have fun with it. No one’s sponsoring you. No one’s paying you to do it. If you're just doing it for the heck of it, have fun with it. Learn however you want to learn. Don't let anybody get you down.” — @EnjoyTheVueCast (https://twitter.com/enjoythevuecast) [0:41:35] “Feel free to ask questions. Feel free to make mistakes. That's definitely the idea of [public learning] in the first place. You're not perfect, so you learn stuff, break stuff, and then you get better at it.” — @lauragift_ (https://twitter.com/lauragift_) [0:43:30] Links Mentioned in Today’s Episode: #100DaysOfCode (https://www.100daysofcode.com) Sketchnoting 101 (https://speakerdeck.com/nitya/sketchnoting-101-getting-started-with-visual-storytelling), Nitya Narasimhan Learn With Jason (https://www.learnwithjason.dev) “I hate writing, but loved having written.” —Dorothy Parker Simone Giertz (https://www.youtube.com/channel/UC3KEoMzNz8eYnwBC34RaKCQ), YouTube Conversations with (https://bookshop.org/books/conversations-with-friends/9780451499066) Friends, Sally Rooney JBL Live 460NC (https://www.jbl.com/over-ear-headphones/LIVE460NC-.html) Where to find Gift Egwuenu online: Twitter: https://twitter.com/lauragift_ Instagram: https://instagram.com/lauragift_ Github: https://github.com/lauragift21 Blog/website: https://www.giftegwuenu.com Other: https://youtube.com/egwuenugift This week's picks: Gift Egwuenu Beautiful World, Where are you, Sally Rooney (https://www.goodreads.com/book/show/56597885-beautiful-world-where-are-you) (audiobook) You 3, (Netflix show) (https://www.netflix.com/nl-en/title/80211991) Buildspace.so (https://buildspace.so/), Learn Web3 Alex Atlanta Braves! Oscar New MacBook Pros again (mostly UPS) Tessa Play It as It Lays (https://bookshop.org/books/play-it-as-it-lays/9780374529949), Joan Didion Sweet Home, Studio Dragon, Netflix (https://www.netflix.com/title/81061734) I Tried Every Nespresso Pod (https://www.youtube.com/watch?v=EvMwNnAtTL8), James Hoffman

Support us on Kofi! (https://ko-fi.com/C0C86NYJW) The focus of today's episode is the tricky role of a solo front-end developer, and we kick things off by sharing some of the experiences we have had working in this configuration. This is a plain and simple show today, without any guests, and our panel gets into some thoughts on the links between front-end dev work and specialization, learning through negative feedback, and the many different levels of accessibility. The conversation also covers how to go about solving problems that reach beyond your scope, and why this can be so hard without a team focusing on the front-end. The consensus seems to be that there is a definite trade-off when working alone versus joining forces and that both scenarios have their advantages. To end things off for today's chat we share a few picks, from TV shows and DIY decor to a new YouTube personality who Tessa thinks is worth checking out! Join us to hear all. Key Points From This Episode: The panel's experiences of working as a lone front-end developer on a team. Front-end development and specialization; we explore how the two are linked.  Bad programming habits and learning what not to do on the job.  The importance of accessibility and the time that goes into the different levels.  Thoughts on solving new, unknown problems with no one else on your team. Finding answers to problems in the treacherous waters of Twitter!  Issues with trackpads, mice, scrollbars, and different browsers. Difficulties with asking the right questions; fear of embarrassment and a lack of vocabulary.   The kind of learning and knowledge accumulation that suits a solo front-end developer.  Final thoughts on the challenges and requirements for working alone on front-end dev.  This week's picks! Peet Montzingo, googly eyes, and Maid. Tweetables: “Even if you know CSS, I think it's not really something that you can show or that people are necessarily looking for.” — Tessa [0:08:11] “You can learn a lot about how to do things by learning how not to do things.” — Alex [0:13:56] “It has been tremendously helpful to have all of the resources I've gained through the people that I've interacted with on the show.” — @GloomyLumi (https://twitter.com/GloomyLumi?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor) [0:28:18] Links Mentioned in Today’s Episode: Grid Critters (https://gridcritters.com), Dave Geddes Flexbox Zombies (https://flexboxzombies.com/p/flexbox-zombies), Dave Geddes CSS Grid (https://cssgrid.io), Wes Bos Vue roving tab index (https://www.npmjs.com/package/@4rk/vue-roving-tabindex) The Manager’s Path (https://bookshop.org/books/the-manager-s-path-a-guide-for-tech-leaders-navigating-growth-and-change/9781491973899), Camille Fournier The Backstage Handbook (https://www.amazon.com/Backstage-Handbook-Illustrated-Technical-Information/dp/0911747397) Be Here Now (https://bookshop.org/books/be-here-now-9780517543054/9780517543054), Ram Dass This Weeks Picks: Alex Googly eyes (https://www.michaels.com/creatology-assorted-wiggle-eyes/10043489.html) Ari Maid (https://www.netflix.com/title/81166770), Netflix (Limited Series) Tessa Peet Montzingo (https://www.youtube.com/c/PeetMontzingo), YouTube

Support us on Kofi! (https://ko-fi.com/C0C86NYJW) Today we have a special introduction to the newest member of our team! That means that we will be freewheeling through all things Oscar, taking in his history, current work, love of games, cocktails, music, and a whole lot more that you are not going to want to miss. To kick things off we hear from Oscar about his early interest in computers and tech, and how he began messing around with coding in high school. We also talk about the first time he used JavaScript, his initial thoughts on Vue and the community, and what keeps him excited about working with computers. From there, the conversation takes a decidedly casual turn to the other things that Oscar is passionate about, namely his piano, playing mobile games, going to restaurants, and making cocktails! We even get to hear about Oscar's dream to open a cocktail bar one day before we do a round of this week's picks. So to get it all, listen in and listen up, as we bring you the Oscarsode! Key Points From This Episode: Oscar's background, different jobs, and the paid open-source project he is currently managing.  First experiences of coding during high school, and Oscar's entry into college. Oscar's first job and early experiences of starting to work with Vue and the community.  Tracing Oscar's passion for games and game design.  Oscar's keen musical interests and a little about the piano that he owns!  Thoughts on an important battle: Slack versus Discord! The restaurant scene in Boston, and Oscar's passion for food and cocktails.  Oscar admits his life goal of opening a cocktail bar one day.  This week's picks; the new Beatles documentary, Alba, cleaning vlogs, and more! How to find Grain and connect with Oscar on Twitter and GitHub. Tweetables: “I got into technology, sort of the way I feel a lot of people do. Just playing around with computers, and just having a good time.” — @oscar_spen (https://twitter.com/oscar_spen) [0:05:58] “When I do get a chance, I love just relaxing and playing simple video games, stuff like that.” — @oscar_spen (https://twitter.com/oscar_spen) [0:21:52] “Find the things that you think you're awesome at. Also, find the things that you think that you can learn and keep growing.” — @oscar_spen (https://twitter.com/oscar_spen) [0:31:05] Links Mentioned in Today’s Episode: Enjoy the Vue on Ko-fi (http://ko-fi.com/enjoythevue) Tetris Blitz (https://tetris.com/product/14/tetris-blitz-ios) MetalStorm: Online (https://metalstorm.fandom.com/wiki/MetalStorm:_Online) Hot Dog Bush (https://www.crazygames.com/game/hot-dog-bush) Overcooked (https://www.team17.com/games/overcooked) Cooking Fever (https://www.nordcurrent.com/games/cooking-fever) Clash of Clans (https://supercell.com/en/games/clashofclans) Top War: Battle Game (https://www.pocketgamer.com/top-war-battle-game/gift-codes) Magic the Gathering (https://magic.wizards.com) I am a genius! Oh no! (https://www.slanglang.net/memes/im-a-genius-oh-no) Fullmetal Alchemist: Brotherhood (https://myanimelist.net/anime/5114/Fullmetal_Alchemist__Brotherhood) Spirited Away (https://en.wikipedia.org/wiki/Spirited_Away) Joe Hisaishi (https://en.wikipedia.org/wiki/Joe_Hisaishi) Barbara Lynch (https://www.barbaralynch.com) This week's Picks: Alex The Beatles: Get Back (https://www.disneyplus.com/series/the-beatles-get-back/7DcWEeWVqrkE), Disney+ Oscar Having a nice meal at a nice restaurant Tessa Alba (https://www.albawildlife.com), ustwo games (PC, Apple Arcade, PlayStation 4, PlayStation 5, Nintendo Switch, XBox) 꿀주부 Honeyjubu (https://www.youtube.com/c/Honeyjubu), YouTube Lost in Space (https://www.netflix.com/title/80104198), Netflix

Support us on Kofi! (https://ko-fi.com/C0C86NYJW) Design by committee usually has a bad connotation but when it comes to specifying JavaScript, making sure a new feature doesn’t break the internet is just too big a task for one person. Today on the show we invite Mark Cohen to talk about what it is like being on the board of TC39, the institution which standardizes the JavaScript language under the ECMAScript specification. We kick things off with some history behind TC39 before diving right into some of the debates around how to implement new features within the committee and the larger JavaScript community. From there, Mark weighs in on the main goal of TC39, that of ensuring cross-browser functionality, talking about why it is such a challenging but necessary project. We also speak to Mark about their current focus of championing the move toward pattern matching in JavaScript, getting into some of the ideas being bounced around as far as syntax and all the possibilities this feature will enable. Our discussion doesn’t end there though, as we pick Mark’s brain about the processes the TC39 follows for seeing a proposal through from idea to implementation, and also hear about how they adhere to the ‘don’t break the web’ principle. So for all this and more on Enjoy the Vue, tune in today! Key Points From This Episode: Introducing Mark, their affinity for programming languages, and how they got involved with specifying JavaScript. The origins of JavaScript in the TC39 group created under Ecma International. The role of plenaries at TC39 and how the group comes to decisions via consensus. What the pipe operator is and the different sides in the debate for its syntax. Examples where big contributors to languages felt insulted by communities or decisions. Cool assignment operators like Python’s walrus and Rust’s turbofish. Whether ‘design by committee’ is a bad thing in the case of JavaScript. Mark’s perspective that the main goal of the committee is to ensure cross-browser functionality. How TC39 is preventing browser wars using the test 262 suite. The desire for pattern matching in JS and why Mark is championing this. How similar implementing pattern matching in JS would be to reusing switch statements. The intricacies of the syntax and keywords of JS pattern matching and what will be possible. Four phases of TC39 proposals and how they apply the ‘don’t break the web’ principle. The failed array.prototype.flatten project and what led to the ‘smooshed gate controversy’. Where to find Mark online. This week’s picks! Tweetables: “The primary charter of the committee is to make sure that things work across browsers.” — @mpcsh_ (https://twitter.com/mpcsh_) [0:22:12] “Companies still want control of the web and control of the users of the web, right? But there's a lot more protection now. One of the big invisible ways that this happens is a tool that the committee maintains called test 262.” — @mpcsh_ (https://twitter.com/mpcsh_) [0:25:30] “I'm championing the pattern matching proposal.” — @mpcsh_ (https://twitter.com/mpcsh_) [0:27:29] “So that phrase, 'don't break the web’ is a common refrain among the committee. It basically reflects our infinite backwards compatibility mandate.” — @mpcsh_ (https://twitter.com/mpcsh_) [0:46:33] Links Mentioned in Today’s Episode: TC39 resources: TC39 Homepage/Spec (http://tc39.es) TC39 GitHub (https://github.com/tc39) TC39 Discourse (http://es.discourse.group) TC39 Matrix (https://matrix.to/#/#tc39-general:matrix.org) Proposals: Pattern matching (https://github.com/tc39/proposal-pattern-matching) Temporal (https://github.com/tc39/proposal-temporal) Record & tuple (https://github.com/tc39/proposal-record-tuple) Pipeline operator (https://github.com/tc39/proposal-pipeline-operator) Ecma International (https://www.ecma-international.org) test262 (https://github.com/tc39/test262), TC39 (GitHub) Walrus Operator (https://realpython.com/python-walrus-operator/) What is Rust's turbofish? (https://techblog.tonsser.com/posts/what-is-rusts-turbofish), David Pedersen State of JS (https://stateofjs.com) SmooshGate FAQs (https://developers.google.com/web/updates/2018/03/smooshgate), Mathias Bynens Where to Find Mark Online: Twitter: @mpcsh_ (https://twitter.com/mpcsh_) Github: @mpcsh (https://mpc.sh) Blog/website: mpc.sh (https://mpc.sh) This weeks picks: Mark Cohen Headphones: ÆON 2 Noire (https://danclarkaudio.com/aeon-2-noir.html), Dan Clark Audio Crafting Interpreters (https://craftinginterpreters.com/), Bob Nystrom Baba Is You (https://hempuli.com/baba), Hempuli Oy, Arvi Teikari (PC, Switch, iPad, Android) The Fifty: Mt Stimson (https://www.youtube.com/watch?v=Yov6FzlAuoQ), Cody Townsend (YouTube) Alex My Awesome Jamstack Conf talk (https://www.youtube.com/watch?v=GEDLKKLIkuU), Alex Riviere (Jamstack Conf 2021) Ari Moosewood Restaurant Cooks at Home (https://bookshop.org/books/moosewood-restaurant-cooks-at-home-moosewood-restaurant-cooks-at-home/9780671679927), Moosewood Collective Oscar Slay the Spire (https://www.megacrit.com), MegaCrit (Microsoft Windows, macOS, Linux, Nintendo Switch, PlayStation 4, Xbox One, iOS, Android) Tessa Dumpster Fire - This is Fine Vinyl Figure (https://100soft.shop/products/dumpster-fire-this-is-fine-vinyl-figure), 100% Soft x KC Green What's new in WSL 2 (https://docs.microsoft.com/en-us/windows/wsl/compare-versions#whats-new-in-wsl-2), Microsoft On Your Side, Nathan Fielder (This Hour Has 22 Minutes (https://www.cbc.ca/22minutes), CBC)

Support us on Kofi! (https://ko-fi.com/C0C86NYJW) Communities come in an enormous variety of shapes and sizes, each with its own set of values and way of operating. In general, a community should be an inclusive space where everyone involved feels a sense of belonging and is working together towards common goals. However, building a thriving community is no easy task, and in today's episode, we discuss some of the main challenges that can arise when a group of people joins forces, as well as some of the ways by which these challenges can be overcome. We also throw in some good Netflix recommendations! Shoutout to the Vue community which, of course, is near and dear to all our hearts!   Key Points From This Episode: Everyone shares the qualities that they believe make up a thriving community. Communities that we have been a part of, and the roles that we have played in building them. The challenges that come with forming a community.  The benefits of having a very clear code of conduct.  Code of conduct styles that we think will contribute to the creation of unhealthy communities. Advice for people who are in a position where they need to enforce a code of conduct. Ari shares her experience of misconduct and the aftermath within the Vue community. The importance of openly communicating the values that your community stands for. How communities should handle issues that arise. An unsettling trend that we’ve noticed taking place recently in the virtual world.  Appreciation for the Vue community.  Picks for the week, including K-dramas and weighted eye pillows.   Tweetables: “What I want to feel out of a community is that everyone here belongs, we’re all in this together.” — Oscar [0:02:05] “Not everyone has the same values and not everyone has the same experiences to understand how their actions will impact somebody else.” — Ari [0:07:52] “I believe in second chances for people, but people have to want to try.” — Oscar [0:09:13] “As a community, for sure, you need to be able to very quickly publicly acknowledge if something is going wrong, and decrease whatever issue is happening.” — Alex [0:39:51] Links Mentioned in Today’s Episode: Ruby Mailing List incident recap thread (https://twitter.com/keystonelemur/status/1443280163203125248), Brandon Weaver Recurse Center Social Rules (https://www.recurse.com/social-rules) After Years of Abusive E-mails, the Creator of Linux Steps Aside, (https://www.newyorker.com/science/elements/after-years-of-abusive-e-mails-the-creator-of-linux-steps-aside) Noam Cohen (The New Yorker) The Sneetches, supposedly by Dr. Seuss (https://bookshop.org/books/the-sneetches-and-other-stories-9780394800899/9780394800899) Picks: Alex Pixel 5a (https://store.google.com/product/pixel_5a_5g), Google Ari Sex Education (https://www.netflix.com/title/80197526), Netflix (television show) Oscar Squid Game, Netflix (https://asianwiki.com/Squid_Game) Tessa [청춘시대 (Hello, My Twenties!), JTBC (https://asianwiki.com/Hello,MyTwenties!(KoreanDrama)) (Netflix) (https://www.netflix.com/title/80128686) Rêve Pillow (https://revepillow.com/products/reve-pillow)

Support us on Ko-Fi! (https://ko-fi.com/C0C86NYJW) Writing elegant code is one thing, but communicating how it works to the wider world is another. This is where technical writers come into the mix and today on the show, we have one in the hot seat! Ben is a technical writer for a company that specializes in remote team collaboration software and he joins us to talk about how he got into the profession, what his workflow looks like, and the kind of value that people like him bring to teams. We hear about Ben’s technical background and how he decided to switch from a troubleshooting role into something more creative and fulfilling. He talks about his favorite tools for note-taking, image editing, writing, and refining his work. We also hear about how he relates with tech teams to learn about a particular product, and what his iterative process of research and writing involves. And if that was not enough, Ben dishes out some great tips for how programmers and technical writers can collaborate more effectively. Today’s conversation also meanders into many other subjects aside from technical writing, so expect to hear the panel’s thoughts on image processing gadgets, Apple versus Staedtler styluses, game programming using Bash, and a whole lot more! Key Points From This Episode: Ben introduces himself with the standard greeting in the artificial language Esperanto. The value of technical writers and Alex and Tessa’s experience working with them. Ben’s background as a technical troubleshooter and how he got into technical writing. The procedure followed at Ben’s company to release articles explaining how new products work. Tools Ben and his company use for note-taking, templating, storing, and publishing. The favorite tools of Alex, Ben, and Tessa’s for writing, presentations, and more. How to get the best deal on a Photoshop subscription and which apps are a good alternative. Different cameras and image processing technology the panel has encountered. Building things in the most complicated way: CodePen meme templates and Ben’s shell scripts. Ben’s love of interactive fiction and how he learned if-then logic building MUD games. How bad the design of the Apple Pencil 1 is and why other styluses are better. The panel’s knowledge of sentence structure and gendered words in different languages. Tips from Ben for how programmers can communicate more effectively with technical writers. More tips from Ben for how programmers without technical writers can create good documentation. How dev teams without technical writers can advocate for hiring one. Where to find Ben online.  Tweetables: “I decided I would maybe not like to troubleshoot things and that it might be fun to teach about technical things, translate technical speak into something that was more digestible.” — @blipsandbleeps (https://twitter.com/blipsandbleeps) [0:04:49] “I do a lot of writing on gut, at least for first drafts. You know, what sounds correct to say, and then I’ll use a tool to help me make sure that it’s the right sentence structure.” — @blipsandbleeps (https://twitter.com/blipsandbleeps) [0:34:55] “It’s a fun part of the job to learn about how a thing works. We very much enjoy working with developers and learning about products from their point of view.” — @blipsandbleeps (https://twitter.com/blipsandbleeps) [0:41:42] “Not everybody needs a technical writer but if you are trying to convey information to as wide an audience as possible it is good to hire somebody who is good with words.” — @blipsandbleeps (https://twitter.com/blipsandbleeps) [0:49:20] Links Mentioned in Today’s Episode: Resources: Bear App (https://bear.app) Docs to Markdown (https://workspace.google.com/marketplace/app/docs_to_markdown/700168918607) Google Docs extension StackEdit (https://stackedit.io) ReadMe (http://readme.com) Snagit (https://www.techsmith.com/screen-capture.html) Pixelmator (https://www.pixelmator.com) Photopea (http://photopea.com) GIMP (https://www.gimp.org) Adobe Photography Plan (https://www.adobe.com/creativecloud/photography/compare-plans.html) Polaroid Now Plus Camera (https://us.polaroid.com/collections/now-plus-3film-bundle) Game Boy Camera (https://en.wikipedia.org/wiki/Game_Boy_Camera) CodePen (https://codepen.io) Bash (https://www.gnu.org/software/bash) MUD (https://en.wikipedia.org/wiki/MUD) Ellen Korbes’ photography project (https://twitter.com/ellenkorbes/status/1390411014475292679) Plus Ergo Grip for Apple Pencil (http://www.plusergogrips.com/pencil) STAEDTLER’s Noris digital (https://www.staedtler.com/intl/en/discover/noris-digital) stylus Josh Darnit (https://www.youtube.com/watch?v=cDA3_5982h8), YouTube (dad who follows instructions) Glass Reflection (https://www.youtube.com/channel/UCmEbe0XH51CI09gm_9Fcn8Q), YouTube Blender (https://www.blender.org) Find Ben Goddard online: Twitter (http://twitter.com/blipsandbleeps) Picks: Ben Goddard TV: What We Do in the Shadows, Season 3 (Hulu (https://www.hulu.com/series/what-we-do-in-the-shadows-0b10c46a-12f0-4357-8a00-547057b49bac)) Movie: Old (TheMovieDb (https://www.themoviedb.org/movie/631843-old?language=en-US)) Comics: Murder Falcon (Image comics (https://imagecomics.com/comics/series/murder-falcon)) Anime: YuruCamp (MyAnimeList (https://myanimelist.net/anime/34798/Yuru_Camp%E2%96%B3)) Book: Wildwood (Goodreads (https://www.goodreads.com/book/show/10431447-wildwood)) Alex Razer Kishi (https://www.razer.com/mobile-controllers/razer-kishi) game controller Tessa The Book You Wish Your Parents Had Read: (And Your Children Will Be Glad That You Did) (https://bookshop.org/books/the-book-you-wish-your-parents-had-read-and-your-children-will-be-glad-that-you-did/9781984879554), Philippa Perry Jet 90 Complete Cordless Stick Vacuum (https://www.samsung.com/us/home-appliances/vacuums/jet-stick/samsung-jet--90-complete-cordless-stick-vacuum-with-dual-charging-station-and-samsung-clean-station--vs20r9046p3-aa/#benefits), Samsung Special Guest: Ben Goddard.

Sponsor us on Ko-Fi! (https://ko-fi.com/C0C86NYJW) The ongoing professional journey that many of us in the world of tech and developing find ourselves on can be exciting and daunting. Here to talk us through her experience on the hunt for a new job at a company that is more suited to her particular needs, is Jenny Lee. Jenny is currently employed as a Senior Software Engineer at Google and is also looking to improve her situation by finding a workplace in which she can engage with a more connected team, and utilize opportunities for monitorship. In our chat with Jenny, we get to hear all about the lessons she has learned along the way, why relationships and mentorship are such priorities for her, and how her approach to and ideas about her dream job have changed over time. We also discuss gauging company culture, different conceptions of management, and how to develop your strategy for job interviews. Jenny has some insightful reflections on the process, and as someone who is highly intentional about where she will next work. We think she is a great touchpoint for anyone with similar aspirations! Tune in to hear it all! Key Points From This Episode: Jenny's current position at Google and the job hunt she is embarking on.  How Jenny's ideal job has evolved since entering the professional world.  Thoughts on friends in the workplace and finding a team that you can relate to.  The questions that can be asked to gauge the culture of a team when applying.   Jenny's thoughts on the importance of mentorship and her personal experience with it.   Identifying red flags for company culture and things our panel finds worrying in interviews.   The best ways to get an idea about a company's approach to diversity and inclusion.   How managerial roles differ from company to company; variance in expectations and approach.  The narrative around switching jobs and how much to share with a recruiter.    Debate and disagreement; weighing the usefulness of these strategies for problem-solving.  Making space for worthwhile input and aiming for more useful meetings.   Reflections from Jenny about the important lessons and changes in her application philosophy.  Tips for negotiating around responsibilities, benefits, and salary.  This week's picks! Tools, films, and job hunt and mentorship sites. Links Mentioned in Today’s Episode: Resources: Soft Skills Engineering Podcast (https://softskills.audio) Radical Candor, Kim Scott (https://bookshop.org/books/radical-candor-be-a-kick-ass-boss-without-losing-your-humanity/9781250235374) Jenny Lee: Website (http://jeunlee.com) LinkedIn (http://linkedin.com/in/jae-jenny-lee) Pramp (https://www.pramp.com) David Ashe: Key Values (https://www.keyvalues.com) My Octopus Teacher (https://www.netflix.com/title/81045007), Netflix Special Guests: David Ashe and Jenny Lee.

The focus of today's show is the divisive topic of CSS. There are many different opinions on the strengths, weaknesses, and value of CSS, and to explore this in some detail, we are lucky enough to have Josh Comeau join us on our extended panel! One of the strongest messages that comes through from our discussion is the amount of time and effort that CSS requires you to invest, to reap its benefits. And while not every developer will agree to this exchange, it is hard to argue that certain parts of CSS can make this a worthwhile endeavor. We talk about the ever-increasing complexity of CSS and how this has occurred over time as the language has been added to. We also get into our favorite parts and features, looking at variables, current color, and a whole lot more. So, to hear it all from our team and our great guest, Josh Comeau, be sure to listen in with us today, on Enjoy the Vue! Key Points From This Episode: Opening remarks about CSS and thoughts on overcoming its challenges. How continually adding to the CSS language has increased its complexity over time.  Weighing the best and worst additions to CSS: exciting features and things that have not worked so well.  The original intentions for CSS and its place among other tools for web development.  The difficulties with improving your CSS skills and the issue of the lack of error messages.  Favorite CSS properties: current color, variables, tricks, and more!  The infinite possibilities of tooltips. Tackling the issues of absolute positioning through spending time with them.  Comparing the different web browsers and the most frustrating bugs. Questions of specificity and the hidden mechanisms around sufficient information.   Top recommendations for getting better at CSS and Josh's helpful course!  The availability of great tools and finding the ones that work for you.   This week's pics: the new MacBook Pro, Remarkable Tablet, Sweet Home, and more! Tweetables: “I started trying to really understand CSS. I really, really enjoy the language now. It's become probably my favorite part of doing web development.” — @JoshWComeau (https://twitter.com/JoshWComeau) [0:05:55] “I do think that right now is an incredibly exciting time to be a CSS person because so many amazing things are right on the horizon." — @JoshWComeau (https://twitter.com/JoshWComeau) [0:11:30] “That's what leads to that feeling that CSS is unpredictable and inconsistent. It's not. It's just that if you only have one of the puzzle pieces, of course, it's not going to seem consistent.” — @JoshWComeau (https://twitter.com/JoshWComeau) [0:40:29] Links Mentioned in Today’s Episode: Table Caption (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption) Rachel Andrew (https://rachelandrew.co.uk) Firefox Developer Tools (https://developer.mozilla.org/en-US/docs/Tools) Improve SMIL "Parsing timing specifiers" instructions #722 (https://github.com/w3c/svgwg/issues/722), Oscar Spencer (W3) CSS SpeciFISHity (https://specifishity.com), Estelle Weyl Stacking Contexts (https://www.joshwcomeau.com/css/stacking-contexts), Josh Comeau CSS Stacking Context inspector (https://chrome.google.com/webstore/detail/css-stacking-context-insp/apjeljpachdcjkgnamgppgfkmddadcki), Andrea Dragotta (Chrome Extension) Debug your website in 3D (https://youtu.be/BZAH8ZXhHZA), Edge Dev Team Learn CSS (https://web.dev/learn/css), Google Glamorous (https://kentcdodds.com/blog/introducing-glamorous), Kent C. Dodds G733 Lightspeed Wireless RGB Gaming Headset (https://www.logitechg.com/en-us/products/gaming-audio/g733-rgb-wireless-headset.981-000942.html), Logitech Astrolokeys (https://astrolokeys.com), Amy Wibowo and Cassidy Williams 3.5mm EarPods (https://www.apple.com/shop/product/MNHF2AM/A/earpods-with-35-mm-headphone-plug), Apple Twitter: joshwcomeau (http://twitter.com/joshwcomeau) Blog: joshwcomeau.com (http://joshwcomeau.com) The Long Way to a Small, Angry Planet (https://bookshop.org/books/the-long-way-to-a-small-angry-planet/9780062444134), Becky Chambers Champion Sports Lacrosse Balls (https://www.amazon.com/dp/B000KA4OE8) Golden Girls Quotes API (https://github.com/ashleemboyer/the-golden-girls-quotes-api)  ReMarkable Tablet (https://remarkable.com/) CSS for JavaScript Developers (https://courses.joshwcomeau.com/css-for-js), Josh Comeau Comic Parchment (https://laughingsquid.com/comic-papyrus), Ben Harman Buy font (https://crmrkt.com/yoMDE6) (referral link) Play It as It Lays (https://bookshop.org/books/play-it-as-it-lays/9780374529949), Joan Didion Sweet Home (https://www.netflix.com/watch/81061734), Netflix Special Guests: Jenell Pizarro and Josh Comeau.

With the release of Vue 3, developers now have access to the Composition API, a new way to write Vue components. This API allows features to be grouped together logically, rather than having to organize single-file components by function. Using the Composition API can lead to more readable code, and gives developers more flexibility and scalability when developing their applications, which signals a bright future for Vue. At least, this is what today’s guest believes! Today, we speak with Oscar Spencer, developer at Tidelift and co-author of the Grain programming language, about Vue’s Composition API and why he believes it represents great things for Vue. We touch on Options API, our opinions of a template-first approach, and why Composition API is infinitely better than Mixins, as well as how JavaScript can prepare developers for Options API and what to watch out for when you first start working with Composition API in Vue. All this plus this week’s picks and so much more when you tune in today! Key Points From This Episode: An introduction to today’s guest, Oscar Spencer. The panel shares what sound their Slack makes when they receive a new message. Oscar shares his personal passion for the Vue Composition API. Why he believes that Vue’s bright future includes the options API too. Why Composition API represents great things for the future of Vue. The panel discusses commit messages, interactive rebasing, and squashing. What Oscar means when he says that the Composition API makes Vue more scalable. Oscar and the panel weigh in on taking a template-first approach  Discover Oscar’s situational approach to composables when reusing business logic. Composition API versus Mixins and why Oscar believes Composition API is superior. Whether Options API or Composition API is easier to teach to a beginner developer. How JavaScript prepares developers for Options API, which Oscar describes as ‘cozy’. Oscar on how to know when to use Composition API versus Options API. Why you would choose Composition API over simply using JavaScript: reactivity. The panel shares some of the longest Vue components they have worked on. Render functions in Vue and Oscar’s perspective on React versus Vue. What to look out for if you’re new to Composition API; not understanding Vue’s reactivity. Why the coolest thing Oscar has done in Vue is write a backend using the reactivity API. This week’s picks: Only Murders in the Building, The Artful Escape, Dyson Sphere Program, The Great Ace Attorney Chronicles, and more! Tweetables: “When I look at the Composition API, I see a very bright future for Vue.” — @oscar_spen (https://twitter.com/oscar_spen) [0:02:22] “The Composition API just gets rid of a whole host of issues that you have with Mixins. In fact, Mixins were my only complaint in Vue 2.” — @oscar_spen (https://twitter.com/oscar_spen) [0:24:05] “Don’t be too scared of the [Composition API]. It was definitely designed with composition in mind. It was designed for you to have your composables consuming composables and not blowing up the world – [while] being fairly easy to follow as well.” — @oscar_spen (https://twitter.com/oscar_spen) [0:27:34] “Regular JavaScript modules only get you so far because, fundamentally, what these regular JavaScript modules are missing is the reactivity. What the Composition API is letting us do is compose things that are reactive.” — @oscar_spen (https://twitter.com/oscar_spen) [0:41:44] “By far the biggest gotcha with the Composition API is not understanding Vue's reactivity. That’s going to be the biggest gotcha that you can possibly run into. I highly recommend, instead of trying to wing it, just go look at a tutorial.” — @oscar_spen (https://twitter.com/oscar_spen) [0:57:02] Links Mentioned in Today’s Episode: Vue-oxford (https://www.npmjs.com/package/vue-oxford) Unconventional Vue - Vue as a Backend Framework (https://www.vuemastery.com/conferences/vueconf-us-2020/unconventional-vue-vue-as-a-backend-framework), Oscar Spencer (VueConf US 2020) AITA for being mad at my parents for decorating my first house without my consent? (https://www.reddit.com/r/AmItheAsshole/comments/pmgu2h/aita_for_being_mad_at_my_parents_for_decorating), iamcag07 @oscar_spen (https://twitter.com/oscar_spen) (Twitter) ospencer (https://github.com/ospenser) (Github) Grain (https://grain-lang.org) Dyson Sphere Program (https://en.wikipedia.org/wiki/Dyson_Sphere_Program)  The Artful Escape (https://theartfulescape.com/) Only Murders in the Building (https://www.hulu.com/series/only-murders-in-the-building-ef31c7e1-cd0f-4e07-848d-1cbfedb50ddf), Hulu (Television Show) The Great Ace Attorney Chronicles (https://www.ace-attorney.com/great1-2), Capcom (Nintendo Switch, PlayStation 4, Steam) TERRO® Fly Magnet® Super Fly Roll (https://www.terro.com/terro-fly-magnet-super-fly-roll-t521) Tiny Beautiful Things: Advice on Love and Life from Dear Sugar (https://libro.fm/audiobooks/9780449808269-tiny-beautiful-things?bookstore=bookshoporg), Cheryl Strayed Special Guest: Oscar Spencer.

This Episode is sponsored by Cloudflare Workers (https://enjoythevue.io/cloudflare-workers) Join us today as we talk to Ash Ryan Arnwine (developer experience leader for DataStax) about Getting Started Guides. Ash takes us through his experience with Vue, and how the guides in Vue 1 were the North Star for him when he was working with Adobe Creative Cloud. We discuss the challenges in migrating from different versions, and the downsides to Getting Started videos in place of text. Find out how keeping Ash's four-year-old daughter from sleeping is the highest praise the Vue team has received, and what each of the team feels is better: prescriptive or flexible guides. From picking the correct level to pitch your instructions at, to the different types of people defined as “developers”, you don’t want to miss out on this information-packed episode! Key Points From This Episode: Welcome to Ash Ryan Arnwine, developer experience leader for DataStax and previously, Adobe Creative Cloud. Ash’s introduction to Vue and why it became the North Star for thinking about writing documentation.  What makes the path from getting started to building an app clear.  Finding the balance between prescriptive and “sprinkling in some HTML” in Vue.  How Vue has a background framework beyond the beginner’s instructions. The importance of being able to access the full app code on GitHub. Picking the level of developer that your Getting Started Guide caters to (sometimes the middle-ground is the worst place to be). Why you need to maintain your Getting Started Guide. How to highlight important information that people might skip when reading the Getting Started Guide.  The challenges of migrating from Vue 2 to Vue 3, and communicating it to users. Why it’s crucial to make a roadmap of where the app is going. How Vue’s completely honest self-appraisal won Ash over.  Why videos are less appealing than documents about Getting Started.  The naming conventions for Vue. Creating a community to talk about “software things” in different places.  How to contact Ash. Discover this week’s picks from each of the team! Tweetables: “For a long time, I think Vue sort of became, in some ways, a North star for me personally, when thinking about documentation, and how do you orient somebody into a completely new technology.” — @ashryan_io (https://twitter.com/ashryan_io?lang=en) [0:02:12] “One thing that I've learned over time with just in leading developer relations and developer experience is that oftentimes, it's the sample code that turns into the most popular resource.” — @ashryan_io (https://twitter.com/ashryan_io?lang=en) [0:25:41] “Oftentimes, I think that the imperative is just like help people get started, help people get started, and we don't get a chance to step back and think, 'Okay, who are the people? What are they getting started doing?” — @ashryan_io (https://twitter.com/ashryan_io?lang=en) [0:29:59] “Developers are not a monolith.” — @ashryan_io (https://twitter.com/ashryan_io?lang=en) [0:33:44] "I think that when pondering developer experience, broadly, one of the things that is important to get to and be able to offer, but often isn't there at the very beginning is some sort of insight into the future, in terms of where things are going.” — @ashryan_io (https://twitter.com/ashryan_io?lang=en) [0:46:19] “Today, there's like so many awesome resources to learn. It's almost too much, right?” — @ashryan_io (https://twitter.com/ashryan_io?lang=en) [0:55:34] Links Mentioned in Today’s Episode: Adobe Creative Cloud (https://www.adobe.com/creativecloud.html) DataStax (https://www.datastax.com) Ash’s video with daughter (https://twitter.com/ashryan_io/status/1435797151255236609) The Breath of the Wild (https://www.zelda.com/breath-of-the-wild), Nintendo Switch Saturn Devouring His Son (https://en.wikipedia.org/wiki/Saturn_Devouring_His_Son), Goya Twitter: ashryan_io (http://twitter.com/ashryan_io) Github: ashryanbeats (http://github.com/ashryanbeats) Instagram: ashryan.io (http://instagram.com/ashryan.io) Website: ashryan.io (http://ashryan.io) Obsidian (https://obsidian.md) What You Do Matters: Boxed Set: What Do You Do with an Idea?, What Do You Do with a Problem?, What Do You Do with a Chance? (https://bookshop.org/books/what-you-do-matters-boxed-set-what-do-you-do-with-an-idea-what-do-you-do-with-a-problem-what-do-you-do-with-a-chance/9781946873149), Kobi Yamada Shang-Chi and the Legend of the Ten Rings (https://www.imdb.com/title/tt9376612/) Neutrogena® Hydro Boost Body Gel Cream (https://www.neutrogena.com/products/skincare/neutrogena-hydro-boost-body-gel-cream---original-scent/6811343.html) The Great Ace Attorney Chronicles (https://www.ace-attorney.com/great1-2), Capcom (Nintendo Switch, PlayStation 4, Steam) Humans of Flat Goya Rendition Print (https://www.redbubble.com/i/art-print/Humans-of-Flat-Goya-Rendition-by-mimi-claire/64318966.1G4ZT), mimi-claire (RedBubble) Special Guest: Ash Ryan Arwine.

This episode is sponsored by Clouflare Pages! (https://enjoythevue.io/cloudflare-pages) This week, The Enjoy the Vue panel digs into the topic of asynchronous event loops: how it can save you time, but also how it can trip you up. Asynchronous update queues are an efficient way for platforms like Vue to save time and energy by recognizing a group of similar commands and doing a batch run at the same point in time. We get into event loops, how the term ‘next tick’ came about, and how synchronous stacking can cause a Stack Overflow Error. You’ll also hear some of our favorite terminal commands, including a special tidbit on how to say ‘please’ to your computer! Lastly, we share our picks of the week that will add joy, intrigue, and deliciousness to your life, so make sure you tune in to hear it all! Key Points From This Episode: Introducing today’s topic: asynchronous event loop in JavaScript. An asynchronous update queue and why Vue uses one. Why an asynchronous update queue is so efficient. How an asynchronous update queue can also sometimes cause problems. Where the term ‘next tick’ originated and how it is applied today. A breakdown of event loops and stack heaps. Tessa shares her understanding of blocking. Why a blocking operation is synchronous. Alex explains what the heap is and how items transition to the stack. Recursive functions and the stack overflow error message. The team shares their favorite terminal commands. Hear our picks for the week, which include gourmet sour gummies, intriguing portraits, and a fascinating new board game!  Tweetables: “When you make a change to your data in Vue, it doesn't happen right away because that would potentially be inefficient. What it does is it groups all the changes together and then batch runs through them at a set point in time. That's the queue that they all get added to.” — @EnjoyTheVueCast (https://twitter.com/EnjoyTheVueCast) [0:02:04] “Basically, it's like doing your math without showing the work. That's what Vue does. Teachers love it.” — @EnjoytheVueCast (https://twitter.com/EnjoyTheVueCast) [0:03:20?] “My understanding is that blocking doesn't mean it never happens. It's just like I'm going to save all of these user interactions until the next time that the queue is free. Then, I'm going to jam all of them in there. You're going to get all 500 clicks in one second.” — @EnjoytheVueCast (https://twitter.com/EnjoyTheVueCast) [0:18:25] “There is this nebulous event that may or may not happen. When it happens, that click, that event doesn't necessarily fire immediately. It gets put on the end of the event queue, the event loop queue.” — @EnjoytheVueCast (https://twitter.com/EnjoyTheVueCast) [0:19:16] Links Mentioned in Today’s Episode: repl.it (http://repl.it) Back to the Vueture: Stuck in the Event Loop (https://www.vuemastery.com/conferences/vueconf-us-2019/back-to-the-vueture-stuck-in-the-event-loop), tessa (VueConf US 2019) * What the heck is the event loop anyway? (https://www.youtube.com/watch?v=8aGhZQkoFbQ), Philip Roberts (JSConf EU) Olivia Beaumont (https://oliviabeaumont.com/) Obscurio (https://boardgamegeek.com/boardgame/273477/obscurio) (Boardgame) The Legend of Zelda™: Skyward Sword HD (https://www.nintendo.com/games/detail/the-legend-of-zelda-skyward-sword-hd-switch/), Nintendo Switch Candy Kittens (https://candykittens.co.uk) Web Exclusive Gourmies Bundle (https://candykittens.co.uk/collections/gourmies/products/limited-edition-gourmies-bundle), Candy Kittens

This week's episode is sponsored by Cloudflare Workers (https://enjoythevue.io/cloudflare-workers)! Have you ever wished that Vue was smaller? We know we have. Petite-Vue is an astonishing 5.5KB, which is so small, it’s almost invisible. Dave Rupert, a developer at Paravel, joins us today to discuss all things Petite-Vue. We hear how this smaller version was released, and Dave shares what his experience of using it has been like. Often, when a framework is more compact, there are tradeoffs or sacrifices users have to make, but this does not seem to be the case with Petite-Vue. We talk about Alpine, how Petite-Vue is different, and we also get stuck into the use cases for Petite-Vue. Dave shares one of his totally wild ideas, which, naturally, Alex is all over. Our wide-ranging conversation also touches on interviews and what needs to change with them, templates and styles, and as usual, we wrap up with everyone’s picks for the week. Tune in to hear it all! Key Points From This Episode: Get to know today’s guest, Dave Rupert. Everyone's take on how they would feel if Vue was five kilobytes. The story of how Petite-Vue came to be released. Dave’s experience of using Alpine and some of the challenges he had with this. What the jump from Vue to Petite-Vue is like. Hear about the idea that Dave runs past Alex. Some other great use cases for Petite-Vue. Unpacking the broken coding interview system; things need to change. Questioning some obscure hiring requirements. The framework Dave uses given that he works in an agency. In business, frameworks can become politicized and sites for contention. Things other people do that make everyone believe they are monsters. Diving into the world of template style and script. Where you can find Dave online to tell him how wrong he is about all his choices. Everyone’s picks for this week; there are some great ones! Tweetables: “I think five kilobytes is the perfect stealth technology, like Alex is talking about that you can kind of sneak it into a project and no one’s going to go, ‘Hey, hey, hey, what’s going on now? I didn’t approve this.’” — @davatron5000 (https://twitter.com/davatron5000?lang=en) [0:02:54] “I was kind of a late bloomer I guess for Vue but I just was like, you know, I think the more I’ve used Vue, the more it has all the features I like.” — @davatron5000 (https://twitter.com/davatron5000?lang=en) [0:37:36] “I’m just saying if you drop the opening curly brace on a four loop, you’re a monster.” — @davatron5000 (https://twitter.com/davatron5000?lang=en) [0:47:58] Links Mentioned in Today’s Episode: My petite-vue Review (https://daverupert.com/2021/07/petite-vue-review), Dave Rupert Evan You’s petite-vue preview (https://twitter.com/youyuxi/status/1410759893359874050), Twitter Angie Jones (https://twitter.com/techgirl1908), Twitter Twitter: davatron5000 (http://twitter.com/davatron5000) Website: daverupert.com (http://daverupert.com) Mini Motorways (https://dinopoloclub.com/games/mini-motorways/), Dinosaur Polo Club (Apple Arcade, Steam) Bubble (https://bookshop.org/books/bubble-9781250245564/9781250245564), Morris, Morgan, Cliff, Riess  Chester's Cheddar Flavored Paws Cheese Flavored Snacks (https://www.kroger.com/p/chester-s-cheddar-flavored-paws-cheese-flavored-snacks/0002840056426) Bat,bat Black Coffee Soda (https://www.batbatsoda.com/shop/black-coffee-soda) Special (https://www.netflix.com/title/80987458), Netflix The Great Ace Attorney Chronicles (https://www.ace-attorney.com/great1-2), Capcom (Nintendo Switch, PlayStation 4, Steam) Special Guest: Dave Rupert.

This week's episode is sponsored by Cloudflare Pages (https://enjoythevue.io/cloudflare-pages)! Laurie Barth, or Laurie on Tech as she is well-known in the dev industry, is a software engineer who started as a mathematician, currently working as a Senior Software Engineer at Netflix. Additionally, Laurie is a content creator and technical educator across various mediums. She is also a frequent conference speaker, speaking at events across the globe, and a technical blogger contributing to publications such as CSS Tricks, Smashing Magazine, and A List Apart, as well as an active member of the TC39 Educator's committee and a Google Developer Expert. In today’s episode, we share some of our more memorable job interview experiences, both good and bad, but mostly terrible, and we dive into how those experiences could be improved upon, starting with the company setting realistic expectations for potential candidates from the beginning. We also touch on unnecessary and unfair technical demonstrations, the value of affording candidates the option to show themselves in their best light, and the inherent biases that exist when interview panels aren’t diverse, and Laurie highlights the power that candidates actually have given the shortage of engineers making this appeal to listeners: take some of that power back! Tune in today for all this and so much more, including, of course, our weekly picks. Key Points From This Episode: Laurie shares a terrible technical interview that stands out from her experience. Why a generic interview format very rarely makes sense for any company. Why companies need to set their expectations at the beginning of the interview. The importance of recognizing how much time it takes to develop a technical interview. Why you can’t steal an interview from elsewhere rather than writing one yourself. The value of judging what is important based on the signal a company is looking for. Alex talks about one of the more memorable (read: terrible) interviews he has been through. Ari reflects on a pair programming interview that she describes as ‘interesting’. The pressure that is put onto incoming developers to demonstrate their technical skills when it isn’t necessary for the role they will fill. Laurie emphasizes why companies should be looking for someone to augment their team. Why it’s not about working with people ‘smarter’ than you, but people you can learn from. Laurie’s frustration with the use of trivia questions and the benefits of offering candidates options to present themselves in their best light. Tessa’s turn to share her experience with a terrible interview that featured live UI coding. The disconnect that exists between hiring managers, recruiters, and candidates. Laurie highlights the power that candidates hold given the shortage of engineers and urges listeners to take that power back. What Ari calls ‘douchebag alert’ questions, how people answer, and what it says about them. The gender bias that typically exists when interview panels aren’t gender diverse. Why it’s important for team members to meet potential candidates and vice versa. Tessa shares the acronym, REACTO: repeat, example, approach, code, test, optimize. How interviews tend to cater towards those who are extroverted, outgoing, and talkative. Laurie highlights some positive interview experiences and what companies can do better. Alex shares a tip about asking the same question of everybody, such as “what is the focus of your company?” Tweetables: “People can't read your mind. You need to preface, you need to set your expectations at the beginning [of the interview].” — @laurieontech (https://twitter.com/laurieontech) [0:07:45] “I want to work with people who are smarter than I am, but here's the trip: everyone is smarter than I am. It depends what the measuring stick is and what category we're talking about.” — @laurieontech (https://twitter.com/laurieontech) [0:26:51] “The goal of an interview, in my mind, should be for people to show you what they know instead of what they don't know. If you're giving people options, you are giving them the opportunity to present themselves in their absolute [best light].” — @laurieontech (https://twitter.com/laurieontech) [0:29:59] “Right now, in this moment in time, unless you are an entry level candidate, the candidates have all the power. There's such a shortage of engineers. I would like to see people taking that power back a little bit.” — @laurieontech (https://twitter.com/laurieontech) [0:38:41] “Interviews, pretty much no matter what you do, will always somewhat cater to people who are extroverted and outgoing and talkative. The only way I challenge that is I think people who can't communicate about their code at all are probably not great engineers.” — @laurieontech (https://twitter.com/laurieontech) [0:48:47] Links Mentioned in Today’s Episode: laurieontech.com (https://laurieontech.com) @laurieontech on Twitter (twitter.com/laurieontech) Fortnite (Windows, macOS, Nintendo Switch, PlayStation 4, PlayStation 5, Xbox One, Xbox Series X/S, iOS, Android) (https://www.epicgames.com/fortnite/en-US/home) LEGO (https://www.lego.com/) Wingspan (https://stonemaiergames.com/games/wingspan/) (Boardgame) Heal & Glow Facial Serum (https://www.shopplantbasedbeauty.com/shop-our-store/organic-heal-and-glow-facial-serum) How Not to Be Wrong (https://bookshop.org/books/how-not-to-be-wrong-the-power-of-mathematical-thinking/9780143127536), Jordan Ellenberg Special Guest: Laurie Barth.

Imagine working on projects that last for two weeks or less. This is what today’s guest, Jason Etcovich, gets to do all the time! Jason is a Senior Software Engineer at GitHub, where he is part of the Special Projects team. He is also involved in the Paper Cuts project, which works directly with the community to fix small to medium workflow problems. In this episode, Jason sheds light on how he became a software engineer having come from a design background. While this may sound like a drastic shift, it was gradual, which made the transition smoother. We talk about some of the exciting happenings at GitHub, like GitHub Pilot, Paper Cut, and Codespaces, and what these projects will offer the community. Our conversation also touches on automation and where it goes right and wrong, how to use software to make our lives better, and as usual, we get into some classic developer debates. Tune in to hear it all. Key Points From This Episode: Get to know today’s guest, Jason Etcovitch, and want he does.  How Jason went from graphic design to working at GitHub.  Hear more about the work that Jason does through Paper Cuts.  Insights into Paper Cuts’ research and how they decide which projects to take on.  The importance of having a design thinking mindset when you problem solve.  A high-level view of GitHub Pilot, GitHub’s new machine learning feature.  What it is like working on projects that do not last longer than two weeks.  The open graph image generator project Jason is excited about.  How to justify projects without necessarily having the data to back up projects.  Some of the ways we can make our lives better with software, according to Jason.  Common pitfalls Jason sees when trying to set up automations.  Everyone’s take on Prettier and Standard JS.  Getting into the semicolon debate: everyone weighs in.  What everyone thinks about the age-old tabs versus spaces fight.  A look at one of GitHub’s latest releases, Codespaces.  Hear what the picks for the week are. Tweetables: “Part of learning that design mindset is understanding like, how does a person approach this thing? What are the various touch points that they have to consider?” — @JasonEtco (https://twitter.com/jasonetco?lang=en) [0:10:03] “How do you say like, ‘Oh, yes. This is important,” If you don't have the data to back it up.” How do you get the data to back it up, if you don't prioritize that project? Where in that loop does it fit to get all of that data?” — @JasonEtco (https://twitter.com/jasonetco?lang=en) [0:19:57] “If you build your automation tool in an inflexible way, you'll really regret it later.” — @JasonEtco (https://twitter.com/jasonetco?lang=en) [0:27:13] Links Mentioned in Today’s Episode: * ProBot (https://probot.io) * Github Feedback (https://github.com/github/feedback) * Alex Tweets at Nat (https://twitter.com/fimion/status/1425886335391473664) * StandardJS (https://standardjs.com/) * Jason on Twitter (https://twitter.com/JasonEtco) * Jason's Website (https://jasonet.co) * Wyze Camera (https://wyze.com/wyze-cam.html) * She-Ra and the Princesses of Power (Netflix (https://www.netflix.com/title/80179762)) * Marple (puzzle game) (https://apps.apple.com/us/app/marple/id288689440) * VSCode in the browser (https://twitter.com/notdetails/status/1425506229401657353), Joel Califa * The Matrix (https://www.imdb.com/title/tt0133093) * @EnjoyTheVueCats (https://twitter.com/EnjoyTheVueCats) Special Guest: Jason Etcovitch.

The increasing volume of the societal discussion on mental health is blooming into a variety of results. One of the interesting aspects of these developments are apps aimed at helping users with their self-care and mental health management and, today, we have a conversation about a new mobile app called Whimser, which is doing exactly that! We are joined by their founder and CTO, Rahat Chowdhury, who speaks to us about the startup, its roots in CBT or cognitive behavioral therapy, and how they approach using journaling to combat negative thought patterns and cognitive distortions. Rahat explains how the application is not designed as a replacement for therapy but rather as a tool to enhance practices that users already have in place, offering continuity and opportunities for further reflection. Rahat also explains a little bit about how the company is currently being run and the leadership philosophies that ground what they do. He strongly believes in bringing a human element into the work, and shares the interesting decision to bring in junior developers from the get-go and the motivations behind this. For this fascinating conversation with an inspiring young founder and developer doing important and conscientious work, make sure to tune in! Key Points From This Episode: A little bit about Rahat and the two companies he is involved with. Understanding cognitive behavioral therapy and cognitive distortions. Experiences of imposter syndrome and the ubiquity of these feelings across the industry.   Rahat's inspiration for creating Whimser and adding to the mental health conversation.   Considerations around broadening the scope of Whimser beyond therapy.  How Rahat approached things at the outset and how he chose his co-founders.   The importance of taking action and balancing this with patience and delegation. Rahat's approach to code reviews and the consideration that goes into better communication practices.   The impetus behind the decision to bring in early-stage developers at the beginning.    Lessons that Rahat has learned from working with different team leads during his career.  Decisions around salaries at Whimser; how Rahat and his co-founders are funding the company at this point. Translating skills as a web developer into the world of mobile applications. The funding component of running a startup; Rahat's thoughts on effective pitching.  Data collection considerations and the idea of user-owned and licensed data.    The inspiration for the name of the company: combining whimsy and whisper! This week's picks: Litter robots, Focusmate, headphones, new songs, and more. Tweetables: “We do stuff like having some natural language processing in the background that helps you categorize your thoughts into what could be potential cognitive distortions to help you set yourself up to figure out how to combat those thoughts.” — @Rahatcodes (https://twitter.com/Rahatcodes) [0:02:14] “Trying to create a better atmosphere or a better community around tech will definitely help out in fighting imposter syndrome.” — @Rahatcodes (https://twitter.com/Rahatcodes) [0:06:37] “Whimser started from when I started taking better care of my own mental health. I started going to therapy and treating my depression, and a few other things.” — @Rahatcodes (https://twitter.com/Rahatcodes) [0:09:46] Links Mentioned in Today’s Episode: Rahat on Twitter (https://twitter.com/Rahatcodes) Rahat on Github (https://github.com/Rahat-ch) Rahat on Polywork (https://www.polywork.com/rahat) Rahat's Blog/website (https://www.rahat.dev) Whimser (https://www.whimser.io) VirtualCoffee (https://virtualcoffee.io) meetup Focusmate (https://www.focusmate.com) Litter Robot (https://www.litter-robot.com/litter-robot-3.html) Night owl t-shirt (https://twitter.com/jlengstorf/status/1292829476179517441) A-O-K (https://youtu.be/vFimC3To0MU), Tai Verdes Deja Vu (https://youtu.be/cii6ruuycQA), Olivia Rodrigo Special Guest: Rahat Chowdhury.

Be sure to fill out our listener survey here! (https://forms.gle/Gbq6pRVCabj8dpJL7) In today’s episode, we discuss the pending update Vue 3.2 with special guest panelist Mark Noonan, a web developer from Tipperary, Ireland who now lives in Atlanta, Georgia, and currently works at NexTraq as a front-end developer. We kick off the conversation by discussing RSS feeds and how to keep abreast of your favorite websites, interesting news, and Vue developments. Our panel discusses the custom element function and why they’re excited for it to be included in the latest Vue update. Tuning in you’ll hear our definition of shadow DOM and why it’s so useful for developers. The script setup tag will also be losing its experimental status in Vue 3.2 making it an official part of Vue, giving you much more freedom in Vue single-file components. Later, our panel discusses some of the disadvantages to making a custom element, instead of using a Vue component. They also ruminate on the role of portals and how they benefit the user. We round off the episode with our usual panel picks which range from tasty pretzel and cream cheese snacks to nostalgic video games to joining a supportive online community. For all this and much more, tune in today!  Key Points From This Episode: Introducing today’s guest panelist Mark Noonan. Ways to use RSS to check on your favorite websites, news, and Vue developments. The upcoming version of Vue 3.2 and the developments for its changelog. Using the define custom element function in the upcoming version of Vue. The upcoming benefit of being able to write in Vue.js and being able to transfer it to the web framework of your choice, like React or Svelte. The concept of Shadow DOM and why it’s so useful for developers. The script setup tag will lose its experimental status in Vue 3.2. Why now is a good time to start experimenting in Vue 3. Some of the reasons for using Vue-demi over something like migration build. Some of the disadvantages to making a custom element, instead of using a Vue component. How portals work and how they benefit the user. Why it’s useful to keep abreast of recent upgrades. Hear our panel picks for the week, including tasty pretzel snacks, nostalgic games, and more.  Tweetables: “I misspoke. I thought I didn't have an RSS feed. It turns out, I do get those updates about 3.2 on a regular basis. The feed that I use is Evan’s Twitter. Thanks for coming to my TED Talk.” — @halftes6 (https://twitter.com/halftes6) [0:02:12] “Shadow DOM is a concept that's been introduced that allows you to have your own private document object model that you can manipulate. This has actually been in use by browsers for years, but now they've exposed it to JavaScript developers to be able to use it themselves.” — @fimion (https://twitter.com/fimion) [0:07:40] “You can progressively add it and then once enough things have Vue 3 support, you just turn it over to Vue 3, and it should all just work.” — @fimion (https://twitter.com/fimion) [0:12:33] “Vuetify incidentally, is one project whose release notes I do read. I get Vuetify release notes and I get Cypress release notes. I'm always excited about both because I'm looking for the new stuff that we can now start to do.” — @marktnoonan (https://twitter.com/marktnoonan) [0:12:45] “The primary thing that you cannot do with a custom element that you can do in Vue with a proper Vue component is scoped slots, which is our favorite topic on this podcast.” — @fimion (https://twitter.com/fimion) [0:14:45] “It's good to stay on top of these things, and at least be aware of various options that you have in the ecosystem. Knowing what's coming up in newer versions is always better for everyone as maybe finally, that thing that you want fixed has been fixed.” — @fimion (https://twitter.com/fimion) [0:21:08] Links Mentioned in Today’s Episode: Vue 3.2 changelog (https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md) Vue 3.2 project board (https://github.com/vuejs/vue-next/projects/4) RFC the Vue: Script Setup with Lachlan Miller (RFCs 227 & 228) (https://enjoythevue.io/episodes/65) Vue Demi (https://github.com/vueuse/vue-demi), Anthony Fu @MarkTNoonan (http://twitter.com/marktnoonan) Streets of Rage 4 (https://www.streets4rage.com), Dotemu (Nintendo Switch, PlayStation 4, Xbox One, Steam (Windows, Mac, Linux), GOG, Humble) VirtualCoffee (https://meetingplace.io/virtual-coffee) Dragon Age: Inquisition (https://www.ea.com/games/dragon-age/dragon-age-inquisition), EA (PlayStation 4, Xbox One, PlayStation 3, Xbox 360, Microsoft Windows) Special Guest: Mark Noonan.

Be sure to fill out our listener survey here! (https://forms.gle/Gbq6pRVCabj8dpJL7) Key Points From This Episode: * Matan and the rest of the panel's experience with back-end work.  * The basics of Rust and what differentiates it from older, similar languages.  * Reasons that Matan pursued learning Rust, despite the intensive time investment.  * How the strict compiler in Rust helps developers root out errors and ship better code.  * The helpful open-source documentation for Rust that is available. * Rust's fast rise in popularity and Matan's thoughts on the main reasons for this.  * How Vue and in-browser developers can make use of Rust with the help of WebAssembly.  * Matan shares his experiences of the welcoming and helpful Rust community. * The possible inspiration behind the mysterious naming of Rust.  * Matan's recommendation for getting started in Rust and making it through 'The Rust Book'.  * Examples of good typical first projects in Rust!  * Where to find Matan online and the array of exciting projects he is currently a part of. * This weeks' picks; TV shows, Planet Scale, the Otamatone, and opinions on AirPods. Tweetables: “I particularly have been working a lot on back-end, though my history lies primarily with front-end. This is my first full-time job, where back-end was a real responsibility.” — @matchai (https://twitter.com/matchai) [0:03:05] “Rust makes it, so that you can have both very, very fast, low-level processing, while having the guarantees that exist in higher level languages, like JavaScript.” — @matchai (https://twitter.com/matchai) [0:05:09] “I personally picked up Rust in an effort to build Starship, which is, it's an open source project of mine.” — @matchai (https://twitter.com/matchai) [0:07:32] “It is a very strict language, but in all the best ways. You can't run into impossible states. You can't run into unaccounted errors. Rust will tell you at compile time, if any possible error state can happen, which makes you very confident in the code you ship.” — @matchai (https://twitter.com/matchai) [0:09:45] Links Mentioned in Today’s Episode: Rust Programming Language (https://www.rust-lang.org) Rustlings (https://github.com/rust-lang/rustlings) Starship (http://starship.rs/) Rust origin story on Reddit (https://www.reddit.com/r/rust/comments/2rapx0/what_is_the_origin_of_the_name_rust/cnex8wi) The Rust Book (https://github.com/rust-lang/book) Did You Enjoy the Vue, Cassidoo? (https://enjoythevue.io/episodes/63) 1Password (https://1password.com) AniList.co (http://anilist.co/) PlanetScale (https://www.planetscale.com/) The House in Fata Morgana (https://store.steampowered.com/app/303310/The_House_in_Fata_Morgana/) (Steam, PlayStation 4, PlayStation Vita, iOS, Microsoft Windows, Nintendo 3DS, Nintendo Switch) Otamatone (https://otamatone.com) Feel Good (https://www.netflix.com/title/80241545), Netflix 로스쿨 (Law School) (https://asianwiki.com/Law_School_(Korean_Drama)), JTBC (Netflix (https://www.netflix.com/title/81413647)) 이 구역의 미친 X (Mad for Each Other) (https://asianwiki.com/Mad_For_Each_Other), KakaoTV (Netflix (https://www.netflix.com/title/81430301)) 최강 배달꾼 (The Strongest Deliveryman) (https://asianwiki.com/Strongest_Deliveryman), KBS2 (Netflix (https://www.netflix.com/title/80211787)) Special Guest: Matan Kushner.

Hey everyone, let us know what you like about the show by taking our Enjoy the Vue listener survey (https://forms.gle/qd8kKv2HCWpRPcNZ9)! The role of developer advocate is a fairly new one and can therefore be difficult to define as it continues to evolve. In today’s episode, Alex, Tessa, and Ari get together with Debbie O’Brien, Head Developer Advocate at Bit, to discuss how she transitioned from being a developer to team leader to working as a developer advocate and she unpacks the elements that drew her to the role. Debbie shares her passionate take on KPIs as well as the lessons she learned from the book Surrounded by Idiots. We delve into the traits that make up a good developer advocate and discuss why there’s a need for companies to introduce the role of junior developer advocate. Later Debbie shares some of the learning challenges you’ll experience as a developer advocate and how she adapted to learning React under high-pressure circumstances. We end the show by hearing everybody’s picks, ranging from AI software and counterintuitive fruit gums to the world’s most expensive headphones. For all this and more, join us today!  Key Points From This Episode: Introducing today’s guest Debbie O'Brien. What it means to be a developer advocate and how the role has evolved. Why KPI analytics aren’t always useful. Debbie shares what drew her to developer advocacy. How Debbie went from developer to team leader to developer advocate. Debbie shares what she learned about leadership from Surrounded by Idiots. How developer advocacy can be a very time-consuming position. Why it can be difficult to determine whether you want to work in tech. Determining what kind of people you want to work with. How working in developer advocacy means you get to be at the forefront of new developments and technologies. Some of the concerns around developer advocacy’s ability to connect with and help developers. How Debbie’s company is helping companies migrate over from legacy stacks. Why empathy is as important as technical skills in development advocacy. Why the role of junior developer advocate is important for the industry and should be actively created and nurtured. Why writing a starter guide is a good job for a junior developer advocate. Why it’s difficult to get into developer advocacy. Debbie shares what it was like learning React under high-pressure circumstances. The type of learning challenges you will experience as a developer advocate. We hear this weeks' picks! Rowntree Fruit Gums, Elgato Stream Decks, GitHub CoPilot, and more! Tweetables: “Maybe the most successful model for a junior developer advocate program would be one at a company large enough that could have them do product rotations.” — @GloomyLumi (https://twitter.com/gloomylumi?lang=en) [0:35:23] “I feel like KPIs are kind of, it's that classic criticism of measuring something because it's measurable, rather than measuring the things that you need to keep track of like, it's just quantitative data.” — Tessa [0:08:30] “I started thinking about what are the parts of my job that I love and what is the part of the job that I don't like, and then try and look at what kind of job fits the job that I love. And everything seemed to fit into developer advocate.” — @debs_obrien (https://twitter.com/debs_obrien) [0:40:54] “Having worked on small, medium, and large codebases, I know one of the big things that I think you need to keep in mind when you're doing developer advocacy is, ‘Okay, how do you integrate this with an already existing project?’” —@fimion (https://twitter.com/fimion) [0:32:58] “There should probably be a starter role, maybe it's not a junior developer advocate, maybe it's like a content creator and then you kind of go up because you could be a very, very, very good content creator, and not necessarily be a developer advocate.” — @debs_obrien (https://twitter.com/debs_obrien) [0:35:50] Links Mentioned in Today’s Episode: Surrounded by Idiots (https://bookshop.org/books/surrounded-by-idiots-the-four-types-of-human-behavior-and-how-to-effectively-communicate-with-each-in-business-and-in-life/9781250179944) Debbie on Twitter (https://twitter.com/debs_obrien) Debbie on Github (https://github.com/debs-obrien) Debbie's Website (https://debbie.codes) Debbie on YouTube (https://www.youtube.com/c/DebbieOBrien) Debbie on Twitch (https://www.twitch.tv/debs_obrien) GitHub Copilot (https://copilot.github.co) StartUp (https://www.netflix.com/title/80154285), Netflix Airods Max (https://www.apple.com/airpods-max) Elgato Stream Deck (https://www.elgato.com/en/stream-deck) Cozy Grove (https://cozygrovegame.com/), (Apple Arcade, Steam, Epic Games Store, Nintendo Switch, Xbox, PlayStation) Rollerblade-style casters (AXL Milk Tea) (https://www.amazon.com/Replacement-Computer-Protect-Rolling-Universal/dp/B086RDFGKQ) dustbuster® Pivot Vac™ Cordless Hand Vacuum (https://www.blackanddecker.com/products/home-cleaning/vacuums/handheld-vacuums/dustbuster-pivot-vac-cordless-hand-vacuum/bdh2000pl) How to Talk So Kids Will Listen & Listen So Kids Will Talk (https://bookshop.org/books/how-to-talk-so-kids-will-listen-listen-so-kids-will-talk-9781451663884/9781451663884),  Adele Faber & Elaine Mazlish Rowntree’s Fruit Gums (https://en.wikipedia.org/wiki/Rowntree%27s_Fruit_Gums) (English Tea Store (https://www.englishteastore.com/nestle-rowntrees-fruit-pastilles-bag-170g.html)) Special Guest: Debbie O'Brien.

Hey everyone, let us know what you like about the show by taking our Enjoy the Vue listener survey (https://forms.gle/qd8kKv2HCWpRPcNZ9)! Key Points From This Episode: The panel's experience working with global data storage methods for Vue.  Some background information on pinia, Eduardo's store for Vue. What differentiates pinia from similar stores such as Vuex. Common mistakes that Eduardo has seen being made in Vuex. Why Eduardo felt it was necessary to create pinia instead of using the composition API.  The benefits of server-side rendering and routing; transparency and convenience.  Eduardo's own use of pinia and how he applies it in his work with clients.  Transitioning an experimental solo project into production and the mass market. Clearing up some confusion around the composing stores on pinia.  How Eduardo balances his workload, between projects and client work. This weeks' picks! Eurovision Song Contest, Overland, Shadow and Bone, and more! Tweetables: “I face the different problems. I face different teams, different application architectures. That's what I use. I use that knowledge to build the APIs that could work in all these scenarios.” — @posva (https://twitter.com/posva?lang=en) [0:29:05] “I think, sometimes you also need to push the thing a little bit, because if you want to get more users, you need to announce things. You need to talk about the thing.” — @posva (https://twitter.com/posva?lang=en) [0:36:03] Links Mentioned in Today’s Episode: Pinia (https://pinia.esm.dev) Flux architecture (https://scotch.io/tutorials/getting-to-know-flux-the-react-js-architecture) Ref & reactive (https://v3.vuejs.org/guide/reactivity-fundamentals.html) Pinia docs: Composing Stores (https://pinia.esm.dev/cookbook/composing-stores.html) Vueland (http://chat.vuejs.org) Cruz y Raya (https://es.wikipedia.org/wiki/Cruz_y_Raya) Steam curation: Can You Pet the Dog (https://store.steampowered.com/curator/37676062) Eduardo on Twitter (https://twitter.com/posva) GitHub (https://github.com/posva) Blog/website (https://esm.dev) Sponsor Eduardo on GitHub (https://github.com/sponsors/posva) Pikuniku (Nintendo Switch, GOG, Itch, Steam) (https://pikuniku.net) Shadow and Bone (https://bookshop.org/books/shadow-and-bone-9780606319034/9781250027436), Leigh Bardugo Eurovision Song Contest (https://eurovision.tv/) Overland (https://overland-game.com) (Switch, PlayStation 4, Xbox, Itch Steam, GOG) Hori Nintendo Switch accessories (https://stores.horiusa.com/nintendo-switch-split-pad-pro-pokemon-pikachu-eevee) (Pokèmon: Pikachu and Eevee edition) Special Guest: Eduardo San Martin Morote.

Hey everyone, let us know what you like about the show by taking our Enjoy the Vue listener survey (https://forms.gle/qd8kKv2HCWpRPcNZ9)! There are so many tools out there that can make your life as a developer easier or more fun. In today’s episode, Alex, Tessa, and Ari sit down to share some of their favorite tools. We hear about why everyone loves VSCode and find out the story of how each panelist came to use this editor for their work. We also dive into themes, terminals, and font choices, where there are some seriously hot takes. In fact, Alex has such hot takes, we are not even sure he will be a host anymore! Our conversation even gets into mouse selection, keyboard choice, where you hear about what a hot-swappable keyboard is, and some of the best extensions for typos. Ultimately, you have to decide what makes your life better and improves your workflow. We are just here to share what works for us. Tune in to hear it all! Key Points From This Episode: Hear what editor everyone is currently using and the story behind their decisions.  What makes VSCode so powerful: all of its plugins.  Everyone’s VSCode theme of choice at the moment.  Hear about some of the instances when Alex uses light themes.  Find out what a ligature is and when you should and should not use them.  Fonts that Alex, Tessa, and Ari use in their editors.  The panel’s terminal decisions; there are some seriously hot takes!  Insights into why Alex doesn’t really use git commands.  Hear about Mac’s productivity app, Alfred, and how it works.  Some extensions that help with typos in the terminal.  Why Ari uses a gaming mouse and how this has helped her.  Ari, Tessa, and Alex’s keyboard habits and which fingers they use for what.  Some of the mouses Tessa, Ari, and Alex have used and currently use.  A look at the panel’s keyboard preferences.  What a hot-swappable keyboard is and the benefits of using one.  Final tools and tricks from everyone to end the show.  Hear what the panel’s picks for this week are. Tweetables: “What makes VS Code so powerful is its plugins. You can turn VS Code into an IDE, which is an integrated development environment. That allows you to have your debugging built-in.” —@fimion (https://twitter.com/fimion) [0:04:40] “My random, other extra dev thing is that I use a gaming mouse.” — @GloomyLumi (https://twitter.com/gloomylumi?lang=en) [0:31:41] “I feel like, if you have a mouse you take that opportunity to try a new mouse, because usually, you don't really have that option.” — Tessa [0:37:07] “Hot swappable boards are solderless. You just pop the switches up, pop in new ones, but you have to have something in the board to hold the switch in place.” —@fimion (https://twitter.com/fimion) [0:40:54] Links Mentioned in Today’s Episode: Enjoy the Vue listener survey (https://forms.gle/qd8kKv2HCWpRPcNZ9) Sublime Text (https://www.sublimetext.com) VS Code (https://code.visualstudio.com) PyCharm (https://www.jetbrains.com/pycharm) Nyan Progress Bar plugin (https://plugins.jetbrains.com/plugin/8575-nyan-progress-bar) Yoncé (https://github.com/minamarkham/yonce) VSCodeThemes (https://vscodethemes.com) Dank Mono (https://philpl.gumroad.com/l/dank-mono) Cartograph (https://connary.com/cartograph.html) Comic Mono (https://dtinth.github.io/comic-mono-font/) Logitech K380 Multi-Device Bluetooth Keyboard (https://www.logitech.com/en-us/products/keyboards/k380-multi-device.920-007558.html) Logitech MX Master 3 (https://www.logitech.com/en-us/products/mice/mx-master-3-mac-wireless-mouse) Keycool KC-87 RGB (https://drop.com/buy/keycool-kc87-dual-mode-pudding-mechanical-keyboard) WASD Keyboard (https://www.wasdkeyboards.com/wasd-v3-104-key-barebones-mechanical-keyboard.html) Logitech G604 (https://www.logitechg.com/en-us/products/gaming-mice/g604-lightspeed-wireless-gaming-mouse.910-005622.html) Penn and Teller: Fool Us (https://www.cwtv.com/shows/penn-teller-fool-us/), CW Horizon Zero Dawn (https://www.playstation.com/en-us/games/horizon-zero-dawn/) (Playstation 4, PC) Sanditon (https://www.pbs.org/wgbh/masterpiece/shows/sanditon), BBC (PBS, Amazon Prime) Kipo and the Age of the Wonderbeasts (https://www.netflix.com/title/80221553), Netflix

We all love CodePen for its immediacy and were overjoyed when we heard the team had implemented a brand-new editor for Vue single-file components! Today Chris Coyier and Stephen Shaw from CodePen join us to talk about what it was like building this amazing feature into the platform. Our conversation begins with Chris giving a brief introduction to CodePen before getting into why he decided to start building it, and how it seemed like the logical next step to his CSS-Tricks blog. We talk about the many use cases of this hybrid between a code editor and a social network and each of us weighs in on how we like to use it in our development process. Of course, CodePen will become even more valuable to us now that it has a Vue editor and we take a deep dive with Chris and Steven into what it involved getting this feature off the ground. In our exploration, we come to see that the ease with which CodePen can demo projects on the fly requires a lot of work on the back end! Vue files can't be processed in the same ways as regular Pens and Stephen speaks to the challenge of getting the interface to support them so that the experience for the developer could be as close to plug and play as possible. So be sure to listen in today and try out the new Vue features on CodePen when you are done! Key Points From This Episode: Introducing Chris and Stephen and the work they do to maintain CodePen. How CodePen works and the many uses it can be put to by developers. The history behind why Chris started CodePen and how it has evolved over the years. Why the CodePen team implemented an editor for Vue single-file components. The hurdles of equipping CodePen to handle not just Vue but other editors too. Challenges of outputting Vue files versus regular Pens and how they were solved. How the method of safeguarding against circular dependency has evolved at CodePen. Thoughts about the potential benefits of putting the script tag at the top of Vue Pens. Perspectives on the different style guides for Vue versus React. Where to find Chris and Steven online and learn more about what they do. Tweetables: “I roped in some friends, and we built the first version of CodePen and the whole point was embedding. It wasn't the website itself, it was putting demos elsewhere.” — @chriscoyier (https://twitter.com/chriscoyier?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor) [0:11:06] “When I came in, I was more experienced with Vue, but coming into a React world, and I saw so much of the value of Vue and the way that single file components work, and that's very much a CodePen-y thing.” — @shshaw (https://twitter.com/shshaw?lang=en) [0:14:11] “A lot of this is like, how do we rearchitect CodePen in such a way that you can do things like that and not have it be such an embarrassing amount of technical debt that you'll freaking never do anything again.” — @chriscoyier (https://twitter.com/chriscoyier?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor) [0:17:52] How to Find Chris: chriscoyier.net (https://chriscoyier.net) How to Find Stephen: Twitter (https://twitter.com/shshaw) GitHub (https://github.com/shshaw) keyframers (https://youtube.com/keyframers) Links Mentioned in Today’s Episode: CodePen (https://codepen.io) CSS-Tricks (https://css-tricks.com) JSFiddle (https://jsfiddle.net) JS Bin (https://jsbin.com) Calls (https://www.apple.com/tv-pr/originals/calls) , Apple TV+ Waffles + Mochi (https://www.netflix.com/title/81035680), Netflix The Last Man on Earth, Fox (2015 TV Show, Hulu) (https://www.hulu.com/series/the-last-man-on-earth-ebb4d292-6d2c-4b93-98e6-b03406954151) Ted Lasso (https://tv.apple.com/show/umc.cmc.vtoh0mn0xn7t3c643xqonfzy?itscg=MC_20000&itsct=atvp_brand_omd&mttn3pid=Google%20AdWords&mttnagencyid=a5e&mttncc=US&mttnsiteid=143238&mttnsubad=OUS2019863_1-469980364686-c&mttnsubkw=106182847425__rdMG7cVq_&mttnsubplmnt=), AppleTV+ Derek (https://www.netflix.com/title/70258489), Netflix Samsung Galaxy Buds Live (https://www.samsung.com/us/mobile-audio/galaxy-buds-live) Among Us (https://innersloth.com/gameAmongUs.php) (iOS, Android, Nintendo Switch, PC) Let’s Watch Star Trek Next Generation  episode guide (http://www.letswatchstartrek.com/tng-episode-guide/)

Key Points From This Episode: - Memories of the last conferences before the pandemic and thoughts on virtual events. - Em's experiences running Roguelike Celebration, and some history of the related games and community. - The event's transition to online-only in response to the pandemic and how they weathered the storm. - The considerations that go into planning an event with a focus on community and meaningful conversations. - How Em went about building the infrastructure that matched the strengths of online games. - Video chat versus text-chat; the two camps that exist and accommodating both groups. - Ways that Em and his team are simulating the social environment and cues of in-person gatherings. - How accessibility concerns were addressed for Roguelike Celebration; text, color, chat, and more! - Thoughts on the future of the online event and how it might change and grow. - Challenges with the interface; dealing with concerns around confusion and similarities to other platforms. - The question of chat histories and digital hoarding, and why Em decided against newer chat trends. - Scheduling and timing issues for the conference and the big request for more free time from attendees. - The approach to post-event interaction and conversation and the impromptu way things played out. - Possibilities for the growth of the video chat feature for the event in the future. - How listeners can get involved and check out the open-source space. - This week's picks! TV series, movies, audiobooks, games, and more! Tweetables: - “I think trying to have a digital-physical hybrid event is inherently a flawed strategy. I don't think it is possible to do it in a way that the people who are attending one of the two events don't feel like they are getting the sub-par experience.” — @lazerwalker [0:26:22] - “Providing a novel space itself is inherently valuable, because you are giving people the chance to escape and this feels like something new in a way that a physical event space feels like something new.” — @lazerwalker [0:27:31] Links Mentioned in Today’s Episode: - Roguelike Celebration (https://roguelike.club) - Using Game Design to Make Virtual Events More Social (https://dev.to/lazerwalker/using-game-design-to-make-virtual-events-more-social-24o), Em Lazer-Walker - Rogue (https://en.wikipedia.org/wiki/Rogue_(video_game)) (Game) - MUD (Multi-User Dungeon) (https://en.wikipedia.org/wiki/MUD) - Code of Conduct (https://www.thebalancecareers.com/code-of-conduct-1918088) - WebRTC (https://webrtc.org) - Yet Another Browser Mud (https://github.com/lazerwalker/azure-mud) (Em’s OSS space) - Why Video Chat is a Hard Technical Problem, DEV Community 👩‍💻👨‍💻 (WebRTC article) (https://dev.to/lazerwalker/why-video-chat-is-a-hard-technical-problem-43gj) - Gnosia (https://www.nintendo.com/games/detail/gnosia-switch) (Nintendo Switch) - The Art of Gathering (https://www.priyaparker.com/thebook), Priya Parker - Together Apart (https://www.priyaparker.com/podcast), Priya Parker (podcast) - Penn and Teller: Fool Us (https://www.cwtv.com/shows/penn-teller-fool-us/turn-that-frown-upside-down/?play=324611eb-4f9d-45f1-9b94-b22b1e60933a), CW - The One (https://www.netflix.com/title/80199029), Netflix - Murder on the Orient Express (https://bookshop.org/books/murder-on-the-orient-express/9780062073495), Agatha Christie (read by Dan Stevens) Special Guest: Em Lazer-Walker.

Key Points From This Episode: - A brief description of Vuex, a Redux pattern, but implemented in Vue. - All the new features on the horizon for Vuex 5 to be found in the RFC. - Removing mutations and allowing updates to state to happen via actions. - Flux architecture as a conceptual framework for data flow through your application. - Whether there is any need for the Vuex store considering the Vue3 composition API. - Perspectives on the decision to get rid of modules and have multiple global stores. - Getting away from a mixin paradigm with hook-into methods and moving to pure state. - Composition-based stores rather than passing in objects and the advantages of this. - Different ways of using the composition API and what the future might hold. - Not having to reference the dot value part of each property when using a composition store. - Discussing what it means that Vuex 5 is proposing automatic store registration. - How circular store references work and the limited support for these in Vuex 5. - The addition of plugins, how to use them, and how store actions could trigger router actions. - TypeScript support, how to link it with plugins, and the extra accessibility this provides. - Serialization and hydration, what this means, and how it allows for data to be stored and rebuilt. - An overview of the structure of the RFC and how user-friendly it was to read. Tweetables: - “The current thinking is, why don't we just not have mutations and allow updates to state to happen in an action?” — @EnjoyTheVueCast [0:03:41] - “Dare I say, this almost feels like mixins, but make it name-spaced. You’re just rolling all the stuff in. It feels cleaner somehow.” — @EnjoyTheVueCast [0:15:58] - “This whole thing feels very exciting in a very weird way. Because I feel I'm more familiar with this non-existent Vuex 5 than I am with the existing Vuex 3 that I've been using for the past few years.” — @EnjoyTheVueCast [0:28:43] - “This is a really, really big change in how things work” — @EnjoyTheVueCast [0:36:11] Links Mentioned in Today’s Episode: - Vuex 5 RFC (https://github.com/kiaking/rfcs/blob/vuex-5/active-rfcs/0000-vuex-5.md) - The State of Vuex at VueJS Global (https://www.youtube.com/watch?v=ajGglyQQD0k), Kia King (VueJS Global) - Flux (https://facebook.github.io/flux) - Redux (https://en.wikipedia.org/wiki/Redux_(JavaScript_library)) - 7 secret patterns Vue consultants don’t want you to know, Chris Fritz (VueConf US 2018) (https://www.vuemastery.com/conferences/vueconf-us-2018/7-secret-patterns-vue-consultants-dont-want-you-to-know-chris-fritz) - Frostbeard Studio (https://www.frostbeardstudio.com/) - WandaVision (https://www.disneyplus.com/series/wandavision/4SrN28ZjDLwH), Disney+ - mask chains (Etsy) (https://www.etsy.com/search?q=mask+chain)

Key Points From This Episode: - Find out what script setup is and how it seeks to improve the developer experience. - How this script setup RFC creates a more ergonomic way of authoring components without you having to learn anything new. - Lachlan talks about the ref sugar RFC, which is more polarizing than script setup. - Hear some of the panel’s mixed reactions to ref sugar, which reminds Alex of Svelte. - Taking inspiration from other frameworks in the process of moving language forward. - Defining props with the script setup RFC in a way that doesn’t change the amount of coding you would have to do anyway. - Why coming to this RFC with a level of understanding and open-mindedness is critical. - Why composition API is set up much closer to raw JavaScript. - Lachlan speculates about how TypeScript and the ref sugar syntax might play out. - How you could use Vue 3 to build plugin architecture like console logs or filters. - The panel weighs in on how much magic is too much magic; why you should have a good reason for abstractions. - Lachlan’s advice for those intrigued by script setup and ref sugar: try it before you buy it! - Onto this week’s picks, which include Lachlan’s YouTube channel and Udemy courses, as well as My Octopus Teacher. Tweetables: - “The idea is just to reduce the boilerplate because you're constantly writing export default, you're constantly writing return, and there's not a ton of value in constantly writing the same thing over and over again.” — @Lachlan19900 [0:02:55] - “Vue traditionally was all about simplicity and ease to learn, so I think that's something that we all want to keep in Vue, both for developers and new users alike.” — @Lachlan19900 [0:06:36] - “To ignore other innovations and other frameworks would be shortsighted. I think there's a lot of value in at least exploring these kinds of ideas..” — @Lachlan19900 [0:13:38] - “This kind of ergonomic tooling can have downsides in that it's not exactly what you might be used to coming from another framework.” — @Lachlan19900 [0:20:30] - “I don't think there can ever be too much magic, but there should be good reasons why you have abstractions. They should have the right thought process behind them.” — @Lachlan19900 [0:24:53] Links Mentioned in Today’s Episode: - Lachlan Miller on Twitter (https://twitter.com/Lachlan19900) - Lachlan Miller on YouTube (https://www.youtube.com/channel/UCydNBt-h2Cox_Ub_GzspneQ) - Lachlan Miller on GitHub (https://github.com/lmiller1990) - Lachlan Miller on Udemy (https://www.udemy.com/user/lachlan-miller-4) - Lachlan Miller (https://lachlan-miller.me) - New in Vue 3: Watch & watchEffect with Alex Riviere (https://enjoythevue.io/episodes/53) - RFC #227: New script setup (without ref sugar) (https://github.com/vuejs/rfcs/pull/227) - RFC #228: Ref sugar sfc (https://github.com/vuejs/rfcs/pull/228) - My Octopus Teacher (https://www.netflix.com/title/81045007), Netflix - SoSplush (https://sosplush.com/), Kelly Mahoney - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Lachlan Miller.

Key Points From This Episode: - Why Amina started using Vue for the site that she is building, Doc Like Me. - What drove Amina to start building Doc Like Me. - Amina’s passions for medicine and technology and how she is combining the two through the work that she does. - Why Amina decided to go to a coding boot camp when she left medical school. - Three main libraries/frameworks that Amina learned at boot camp. - The difficulty is differentiating between a framework and a library. - Questionable things that the hosts have done with regard to two-way binding in Vue. - Console log versus debugger. - Numerous issues that can be caused by Grammarly. - Differencing stances on closing tabs. - Why Amina decided Vue would be a better option than React or Webpack. - Amina’s experience with Vue 2 and Vue 3. - Goals that Amina has for her project, Doc Like Me, that she is building in Vue. - The website which inspired Amina to create Doc Like Me. - What Amina’s next step is in the process of creating Doc Like Me. - A second side project that Amina is currently working on. - Today’s picks include games, movies, books, clothes, and even flavored sparkling water! Tweetables: - “One of the things that had really driven me into medicine was just the health disparities, knowing that for reasons beyond a person’s control, that they were going to have worse health outcomes. I wanted to be that person that would try to make a difference. That’s what I’m trying to do with technology.” — @aminafoon [0:01:53] - “The fact that I was able to get up and running in one weekend is just a testament of how quickly you can get a project started and going in Vue.” — @aminafoon [0:22:27] Links Mentioned in Today’s Episode: - Amina Foon on LinkedIn (https://www.linkedin.com/in/aminata-foon/) - Aminata Foon Website (https://www.aminatafoon.com/) - Amina Foon on Twitter (https://twitter.com/aminafoon?lang=en) - Doc Like Me (https://doclike.me/) - Webflow (https://webflow.com/) - Netlify (https://www.netlify.com/) - Super Mario 3D World and Browser’s Fury (https://www.nintendo.com/games/detail/super-mario-3d-world-plus-bowsers-fury-switch/) - The Gilded Ones (https://www.goodreads.com/book/show/40024121-the-gilded-ones) - Desus and Mero (https://www.sho.com/desus-and-mero) - Minor Feelings: An Asian American Reckoning, Cathy Park Hong (https://bookshop.org/books/minor-feelings-an-asian-american-reckoning/9781984820365) - Apple Ginger (https://www.drinkaha.com/products/apple-ginger/) sparkling water by Aha - La Mer Jumper (https://twosetapparel.com/products/la-mer-jumper), TwoSet Apparel - Staged (https://www.imdb.com/title/tt12369754/) - My Time at Portia (https://store.steampowered.com/app/666140/My_Time_At_Portia/) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Amina Foon.

Key Points From This Episode: - Introducing Cassidy, her favorite frameworks, and her road into tech. - Understanding more about React and how Next.js fits into it. - Discussing other JS frameworks like Nuxt and Vite. - Making a counter and a to-do list in Vue; Cassidy’s experience with this new framework. - How making a counter in Vue would compare to doing it in React. - Loops, event bubbling, and deleting things from lists in Vue. - Setting up a new Vue app versus a new React one. - Using CSS modules versus styles in the component in Vue. - Different shortcuts in Vue such as the dollar, pound, and v-bind. - Issues around interpolation using string quotation marks rather than curly braces. - Highs and lows of Cassidy’s experience with the Vue docs. - How to find Cassidy online and read her newsletter too. - The week’s picks: Albanese gummy bears and more! Tweetables: - “I admit some of Vue, I was just like, it works and it felt magical to the point where I was just like, ‘It almost feels wrong. I need to suffer a little more to make this work.’” — @cassidoo [0:08:43] - “Luckily, I know enough React that I don't have to go to the docs anymore because I don't like them. So, in comparison, the Vue docs are great.” — @cassidoo [0:34:55] - “I enjoyed the Vue.” — @cassidoo [0:36:19] Links Mentioned in Today’s Episode: - Cassidy Williams (https://cassidoo.co/) - Cassidy Williams on LinkedIn (https://www.linkedin.com/in/cassidoo/) - Cassidy Williams on GitHub (https://github.com/cassidoo) - Cassidy’s Newsletter (https://cassidoo.co/newsletter/) - Netlify (https://www.netlify.com/) - Ionic (https://ionicframework.com/vue) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Cassidy Williams.

Key Points From This Episode: - Introducing Anthoy Fu and his contributions as a member of the core Vue team. - Anthony’s explanation of ‘yak shaving’ followed by stories of yak shaving experiences. - Yak shaving experiences of Anthony’s and why he enjoys it more than doing actual work. - Viewing yak shaving as a form of trying things out to see if they are good ideas or not. - An explanation of Vueuse, and examples of some of its Vue composition utilities. - How Anthony got involved with Vue and open source during his college days. - What Anthony is most excited about in the Vue system looking forward: Vite! - Features about Vite that Anthony is excited about and his contributions to the space. - How everybody deals with new ideas; whether they track them and act on them. - Whether the team get other people to do their yak shaving for them! - When to go down the rabbit hole or put everything on the yak burner! - This week’s picks; standing desks, yak shaving videos, and more. Tweetables: - “Yak shaving refers to attacks that leads you to perform another related attacks, and so on and so on, all detracting you from the original goal.” — @antfu7 [0:01:12] - “Vue Use is a collection of Vue composition APIs, composable functions that could be reused.” — @antfu7 [0:10:53] - “I had heard about Vue, but I didn't try it. At that time, I thought jQuery works fine, why try a new thing? Then it tried it. Yeah, after and doing a few other projects, I got obsessed with it immediately.” — @antfu7 [0:18:21] Resources Mentioned in Today’s Episode: - Anthony Fu (https://antfu.me/) - Anthony Fu on Twitter (https://twitter.com/antfu7) - Anthony Fu on GitHub (https://github.com/antfu) - VueUse (https://github.com/vueuse/vueuse) - i18n Ally (https://marketplace.visualstudio.com/items?itemName=Lokalise.i18n-ally) - Vite (https://vitejs.dev/guide/#overview) - A Fly Went By (https://www.amazon.com/Fly-Went-Beginner-Books/dp/0394800036) - Ionic (https://ionicframework.com/vue) - A Short Hike (https://ashorthike.com) (Windows, MacOS, Linux, Nintendo Switch) - Anybody else's brain do this? (https://twitter.com/joshuaneall/status/1351295209536061445), Joshua Neal - Code Reviews: Honesty, Kindness, Inspiration: Pick 3 (https://www.youtube.com/watch?v=hP_2XKYia9I), Jacob Stoebel (RubyConf 2017) - Dodow (https://www.mydodow.com/dodow/en-us/home) - Hal replacing a light bulb (https://youtu.be/8fnfeuoh4s8), Malcom in the Middle - Cyberpunk 2077 (https://www.cyberpunk.net) (Xbox One, PlayStation 4, PC, Stadia) - Icones.js.org (http://icones.js.org) - Schitt's Creek (https://www.netflix.com/title/80036165), CBC (Netflix) - Autonomous.ai standing desks (https://www.autonomous.ai) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Anthony Fu.

Overview: Testing isn’t something that many people enjoy doing, but Jessica Sachs is an exception. Jessica is the tech lead on the component testing team (which spans across four time zones and is fluent in 8 languages) at Cypress, and she is so excited about the developments that have been taking place in this space. In today’s episode Jessica explains the four main steps involved in component testing, the first thing she does when making something testable and why your answer should always be a hard yes if you are asked whether you do TDD. Jessica is also writing a course for Vue Mastery, and she shares with us what the course entails and how it will help alleviate a problem that people in her position regularly encounter. You’ll also hear Jessica and the panels’ thoughts on XPath, E to E tests, and Internet Explorer, and we end off with a wide range of unusual picks for the week! Key Points From This Episode: - How Jessica and the panel feel about test writing. - Jessica’s current role at Cypress.io, and the most euphoric moment of her career. - The four steps involved in component testing. - Real World Testing; an explanation of the course Jessica is writing for Vue Mastery. - A common problem that testers encounter. - Why Jessica doesn’t mock the Vuex, router or any plugin. - The first thing Jessica does when making something testable. - Making code more testable; what Jessica looks for. - Approaches to writing E to E tests. - Why XPath was invented and why it’s such a mess. - Jessica’s first code language (an obscure one that she is proud of!). - One of the toughest interview questions Jessica has been asked. - What your answer should always be when someone asks, “Do you do TDD?” - Where the strength of Cypress component testing lies. - Diversity in Jessica’s team. - Why Cypress isn’t going to support Internet Explorer. - This week’s picks; including drunk darts, anti-static hair brushes, and a show about creating animals. Tweetables: - “Getting the component first mounted is the biggest hurdle. I can't stress that enough.” — @jessicasachs [0:05:13] - “The situation you find yourself in is that of many developers, where you inherit an application where the person wasn't thinking about testability. And that's not an uncommon scenario. That's pretty normal.” — @jessicasachs [0:11:32] - “I don't mock the Vuex router, the Vuex or router, or any plugin. I just treat it like it's real. I find that mocking both removes you from what will actually happen in production, as well as makes your test really coupled to the source code.” — @jessicasachs [0:13:15] - “The first thing with making things testable; anything that's a side effect that executes immediately when you import it needs to be a function.” — @jessicasachs [0:15:28] Resources mentioned - Cypress (https://www.cypress.io/) - Vueconf US (http://vueconf.us/) - New Creation Soda (https://newcreationsoda.com) - Brush with Bamboo (https://zerowastestore.com/products/bamboo-hair-brush) (ZeroWasteStore) - Gravity Maze: Falling Marble Logic Maze Game (https://www.thinkfun.com/products/gravity-maze), ThinkFun - Clubhouse Games (Nintendo Switch) (https://www.nintendo.com/games/detail/clubhouse-games-51-worldwide-classics-switch/) - Vue Mastery (https://www.vuemastery.com/) - Vue Styleguidist (https://vue-styleguidist.github.io/) - Vue i18n (https://vue-i18n.intlify.dev/) - What Query Selector Should I Use?, Kent C. Dodds (Testing Library) (https://kentcdodds.com/blog) - Vite (https://vitejs.dev/) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Jessica Sachs.

Key Points From This Episode: - An introduction to today’s special guest, Lachlan Miller. - Given the hypothetical opportunity to test only one thing about an app, Ben, Tessa, and Lachlan weigh in. - Lachlan suggests doing a screenshot test of the application using a tool like Percy. - Hear about the distinction between screenshot tests and snapshot tests. - The panel reflects on whether developers should test their own code or have a QA team assume that responsibility. - The spectrum of testing, from end-to-end to the more fine-grained and individual unit tests. - Learn about Testing Library Vue, a recently popular alternative to a library like Cypress. - The benefits of having accessibility testing built in, for both developers and users. - How to decide where your priorities lie based on which tests you focus on. - Lachlan explains how he uses unit tests to drive development while end-to-end tests function more like a quality tool. - How you can use the Pareto effect to make these decisions as a developer: how can you put in 20 percent effort for 80 percent output? - Some of the panel’s favorite resources and methodologies for writing Vuex tests. Tweetables: - “If we think of testing as not just the developer's responsibility but everyone’s responsibility, it's about quality assurance and confidence. Everyone in the organization wants to be involved in the quality of their product, which is why visual tests can be very useful.” — @Lachlan19900 [0:05:31] - “If you are interested in the more end-to-end tests but you don't want to spin up a full browser, I would definitely recommend checking out Testing Library Vue, which is running on top of Vue Test Utils.” — @Lachlan19900 [0:15:45] - “The most important thing is you are confident in your app. Everyone's going to have a different version of confidence, but if you have a feature and if it breaks and it would cause a bad thing to happen to your business, you probably want to have a test around that.” — @Lachlan19900 [0:19:56] - “A good rule of thumb is the more you can test your application or your apps in a production-like manner, it's going to be better.” — @Lachlan19900 [0:30:36] Resources mentioned: - Lachlan Miller on Twitter (https://twitter.com/Lachlan19900) - Lachlan Miller on YouTube (https://www.youtube.com/channel/UCydNBt-h2Cox_Ub_GzspneQ) - Lachlan Miller on GitHub (https://github.com/lmiller1990/) - Lachlan Miller (https://lachlan-miller.me/) - Vue Test Utils (https://github.com/vuejs/vue-test-utils) - Design Patterns for Vue.js (https://gumroad.com/l/BPKzQ) - Cypress (https://www.cypress.io/) - Percy (https://percy.io/) - Testing Library (https://testing-library.com/) - Vuetify (https://vuetifyjs.com/en/) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Lachlan Miller.

Key Points From This Episode: - The panel shares their own experiences of streaming, from remote meetings to gaming. - Liz shares how she got into streaming, what she streams, and what she loves about it. - The benefits of learning something, live, on the internet, and embracing the process. - How live coding makes Liz a better pair programmer and helps her in interviews. - Her advice for getting your streaming set up right: start incrementally and build over time. - Why Twitch can be an intimidating place for those who aren’t familiar with it. - Using her platform for important issues, how she has dealt with bad actors and trolls, and why she doesn’t believe in “apolitical spaces.” - The importance of having trusted moderators in a space that can be toxic. - The everyone-is-welcome, no-gatekeeping environment Liz tries to cultivate on her channel. - Hear about the geolocation-based, anonymous, secret-sharing app Liz remade with Vue. - Some of the benefits for Liz of using Vue for that project rather than React or Gatsby. - How routing in Vue is simpler than nearly any other alternative library. Tweetables: - “I want people to see what it’s like when an engineer actually sits down to work because you almost never just sit down and code for two minutes and get something working. You code for two minutes and you get stuck. Then you read some docs and then you try something else.” — @lizcodes [0:06:49] - “I use my platform to talk about issues I think are important, because I feel it’s not worth it to have a platform if I’m not going to try to educate people or create a space to share issues. I don’t believe in apolitical spaces.” — @lizcodes [0:16:38] - “I have a goal to try to create a no-gatekeeping environment.” — @lizcodes [0:24:48] Picks Liz's picks: - ADHD Alien by Pina Varnel (http://adhd-alien.com/) and ADHD Comics by Dani Donovan (https://www.adhddd.com/) (Web Comics) - Knitting (https://www.knitpicks.com/kits/learn-to-knit-kits/c/300821), keeping my hands busy and my mind focused during meetings and videos - Kobo (https://us.kobobooks.com/products/kobo-libra-h2o), a super quality e-ink e-reader that isn't Amazon! - TCP/IP Illustrated (https://www.oreilly.com/library/view/tcpip-illustrated/020163354X/) (Book) for learning better about how the internet works (unfortunately I think the only place to get this book at the moment is Amazon or a subscription to O'Rilley books) - Queens Majesty Hot Sauce (https://queenmajestyhotsauce.com/products/queen-majesty-2-oz-sampler) (Hot Sauce) Resources Mentioned in Today’s Episode: - Liz Phillips on Twitter (https://twitter.com/lizcodes) - Liz Phillips on Twitch (https://www.twitch.tv/illuminatedspace) - Nanette (https://www.netflix.com/title/80233611), Hannah Gadsby (Netflix) - Raspberry Pi Pico (https://www.raspberrypi.org/products/raspberry-pi-pico) - Baba Is You (https://hempuli.com/baba) (Computer, Nintendo Switch) - May I Screw Up Your Life?: The Official Guide to Ludi-Q's (https://bookshop.org/books/may-i-screw-up-your-life-the-official-guide-to-ludi-q-s-9781616235529/9781616235529), Jan Black - Twitch (http://twitch.tv) - OBS (https://obsproject.com) - Twitch 101 Thread (https://twitter.com/lizcodes/status/1241153715710631936) - Yik Yak (https://en.wikipedia.org/wiki/Yik_Yak) - Deaddrop Repo - Gatsby (https://www.gatsbyjs.com) - Netlify (https://www.netlify.com) - Galaxy Buds Live Eartip | Free Eartip (ENG) (https://youtu.be/Pm1zvVjdRQc), ZUYONI TECH (YouTube) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast) - Enjoy the Vue (https://enjoythevue.io) Special Guest: Liz Phillips.

Key Points From This Episode: - Get to know today's guest, Evan You. - Hear what Evan’s other project, Vite, is all about and the various features it has. - The biggest change with Vite 2 is that it is now framework agnostic. - What inspired the change to make Vite 2 more framework agnostic and the benefits of the shift. - The difference between working on Vue and building a new framework-agnostic build tool. - Balancing high configurability and being overly opinionated; Vite sits somewhere in between. - How Evan keeps his finger on the pulse of other frameworks and how he's changed Vue accordingly. - Insights into Vite's new plugin system and what inspired it. - The decision-making behind drawing inspiration from Rollup's plugin. - Evan’s thoughts about Vite and Rollup plugins and what this means in the context of Vue. - Some of the ideas Evan hopes to bring back to Vue after working on Vite. - Challenges come with wide adoption, but Evan is still grateful for the active community and what they are creating. - Changes that have happened with VitePress; Evan's experience. - The current VuePress landscape and why Evan does not want VitePress to replace it. - Plans to make Vite the default way of doing things on Vue CLI; Evan weighs in. - The challenge Evan has when switching between Vue and Vite. - What Vite's development process looked like; Evan had to learn lots along the way! - When you are working on something new, with not much precedent, it is never going to be a straightforward process - You have to try to put yourself in other developers’ shoes to understand the range of issues that exist. - Plans for a Vite RFC process and what is in the pipeline on that front. - The pre-bundling changes that have happened with Vite 2 have contributed to better speed. - Deciding what to bundle: insights into Evan's thinking. - Asking the controversial question: when is Vite 2 going to be released? - Evan's thoughts on using only Composition AI and not Vuex. - Music Evan listens to while coding and where to find him online. - Alex's pick for the week: Fruity Pebbles Crisps, both delicious and horrifying! - Evan's pick for the week: Curse of the Dead Gods and Hades. - Tessa's pick for the week: So You Want to Talk About Race, Birdy the Mighty Recode, and her electronic soap dispenser. - Following up from previous picks we have talked about. Tweetables: - “The biggest change with Vite 2 is that it's now framework agnostic, so it's not just Vue specific, it works equally well for most of the other frameworks people want to use.” — @youyuxi [0:02:56] - “With Vite, because it's a new thing, I can be as opinionated as I want. it's a new area of exploration, where I’m not confined to the existing decisions we've made.” — @youyuxi [0:08:21] - “Compared to Vue, the workload on Vite is still somewhat OK. If we build up more community members to help triage the issues, can contribute PRs, and maybe even build up some maintainers to handle the daily patch releases, that would be a good place for me, so that I can just overlook the higher-level decisions and only tune into specific decisions when I need to.” — @youyuxi [0:40:18] - “This whole process is a constant discovering new ideas, trying it out, realizing it doesn't work, and then trying something else. it's never going to be a straight-line process.” — @youyuxi [0:44:03] Resources mentioned: - Vite (https://vitejs.dev) - Vue CLI (https://cli.vuejs.org) - webpack (https://webpack.js.org) - Rollup (https://rollupjs.org) - WMR (https://github.com/preactjs/wmr/blob/main/packages/wmr/README.md) - Preact (https://preactjs.com) - Nuxt.js (https://nuxtjs.org) - Next.js (https://nextjs.org) - Egoist (https://github.com/egoist) - Reem (https://github.com/andrejewski/reem/wiki/Introducing-Reem) - Svelte (https://svelte.dev) - VitePress (https://vitepress.vuejs.org) - Vuepress (https://vuepress.vuejs.org) - esbuild (https://esbuild.github.io) - Understanding (all) JavaScript module formats and tools (https://weblogs.asp.net/dixin/understanding-all-javascript-module-formats-and-tools), Dixin - Lexie Liu (https://www.youtube.com/channel/UCrWmDUvmK1LmFKjqTrfx_Kw) - Curse of the Dead Gods (https://www.focus-home.com/en-us/games/curse-of-the-dead-gods), Focus Interactive (PlayStation 4, Nintendo Switch, Xxox One, PC) - Hades (https://www.supergiantgames.com/games/hades), Supergiant Games (Nintendo Switch, MacOS, Windows) - Fruity Pebbles Crisps (https://www.postpebblescereal.com/products/fruity-pebbles-crisps), Post - So You Want to Talk About Race (https://bookshop.org/books/so-you-want-to-talk-about-race/9781580058827), Ijeoma Oluo - Birdy the Mighty Recode (https://myanimelist.net/anime/3974/Tetsuwan_Birdy_Decode), A-1 Pictures - Panel de Pon , Super NES (https://www.nintendo.com/games/detail/super-nintendo-entertainment-system-nintendo-switch-online-switch) (Nintendo Switch) - Ionic (https://ionicframework.com/vue) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Evan You.

Key Points From This Episode: - An introduction to Alex, the brand-new panel member. - Why traditional education did not suit Alex, and his introduction to programming. - Alex’s 15-year stint in the theater space and what led him back to development. - The moment that Alex started to think of himself as a developer. - How reframing his resume made people in the development world take notice of Alex. - Learnings that Alex had in his first job as purely a developer, and his first experience with Vue. - Alex’s childhood dreams, and what he discovered later on in life that he really wanted to do. - How Alex became the organizer of two Vue meetups in the space of one month. - Benefits of web development, compared to more traditional programming jobs. - A major difference between theater and other art forms and how this links to the programming world. - “Debugging” in the world of theater. - The value in reading other peoples’ code. - Picks of the week from the whole cast; reaction videos, video games and series included. Tweetables: - “In a week, I'm having to cram enough information to understand how to write JavaScript to make these things. The interesting feedback I got in that interview was, ‘Well, you're doing things, but with an older style.’” — @EnjoyTheVueCast [0:17:25] - “Instead, I fell in love with Vue. Vue is the thing that made me stop hating JavaScript. Because of Vue, it actually made me a better developer.” — @EnjoyTheVueCast [0:20:15] - “I had been working for years and years trying to figure out what it was that I wanted. I really wanted to be able to help people and solve problems.” — @EnjoyTheVueCast [0:23:15] - “If web has proven anything, is that if this is something you want to do and you want to be in, there's room for you.” — @EnjoyTheVueCast [0:28:03] - “The only stupid questions are the ones that you don't ask.” — @EnjoyTheVueCast [0:28:31] Resources mentioned: - Vuex 4.0.0 official release (https://github.com/vuejs/vuex/releases/tag/v4.0.0) - Unrailed (https://store.steampowered.com/app/1016920/Unrailed/) (Steam) - Jessica Kobeissi Reacts to America's Next Top Model (https://www.youtube.com/playlist?list=PLMHISHSRJwdZaO29XN39dAVSU8IvRIvgo) (YouTube) - PowerPoint (https://office.live.com/start/powerpoint.aspx), Microsoft - 비밀의 숲 (Stranger), tvN (Netflix (https://www.netflix.com/title/80187302)) - Manhunt: Unabomber (https://www.netflix.com/title/80176878), Netflix - My Time at Portia (http://portia.pathea.net/) (game) - Raspberry Pi (https://www.raspberrypi.org) - Katamari Damacy (https://en.wikipedia.org/wiki/Katamari_Damacy) - Magento (https://magento.com) - Because of You, Kelly Clarkson (https://www.youtube.com/watch?v=Ra-Om7UMSJc) - Godot (https://godotengine.org)

Overview - How v-bind lets you dynamically swap out attribute values. - Exploring the scenarios where you would most likely use v-bind. - V-bind scenarios where you would avoid writing in shorthand. - Using v-bind versus individually declaring each object. - The workflow benefits of setting base components. - The pros and cons of declarative code and when it’s best to v-bind singular attributes. - Hear about v-bind differences between Vue 2 and Vue 3. - We debate the merits of giving child attributes the ability to override their parent attributes. - Why being able to add comments in Vue would be such a useful feature. - From Blinkest to Draw Stronger, hear about our picks of the week. Tweetables: - “Declarative code is best when you write it out and it's easy for people to follow. When written as shorthand, v-bind can obfuscate that.” — @EnjoyTheVueCast [0:12:21] - “I’m not used to a lot of decision-making being yielded to the template. So it's surprising to me that something like the order of attributes would be something that the template is responsible for.” — @EnjoyTheVueCast [0:23:34] - “Software is an iterative process. Always check the docs for the latest updates because sometimes we are human when we make these design decisions.” — @EnjoyTheVueCast [0:30:00] Links Mentioned in Today’s Episode: - v-bind Merge Behavior (https://v3.vuejs.org/guide/migration/v-bind.html#frontmatter-title) - RFC: v-bind merge strategy modifier (https://github.com/vuejs/rfcs/pull/215) - Blinkist (https://www.blinkist.com/) - SparkNotes (https://www.sparknotes.com/) - Obsidian (https://obsidian.md/) - Night Owl VS Code (https://marketplace.visualstudio.com/items?itemName=sdras.night-owl) - Draw Stronger: Self-Care for Cartoonists & Visual Artists, Kriota Willberg (https://bookshop.org/books/draw-stronger-self-care-for-cartoonists-and-other-visual-artists/9781941250235) - XeraCalm A.D (https://www.aveneusa.com/xeracalm-lipid-replenishing-cream) - Avene (https://www.aveneusa.com/) - Mermaid Hair Oil (https://captainblankenship.com/products/mermaid-hair-oil) - Captain Blankenship (https://captainblankenship.com/) - The Queen's Gambit (https://www.imdb.com/title/tt10048342/) - SVG Animations on Amazon (https://www.amazon.com/SVG-Animations-Implementations-Responsive-Animation/dp/1491939702)

Key Points From This Episode: - Introducing today’s returning guest, Alex Riviere. - Today we ask: what is Vue 3’s emits component option? - What it means to pass a callback function as a prop. - Alex contrasts callbacks and promises. - The best way to consider what a callback is. - New offerings that come with Vue 3’s emits option. - Why emits options will be useful to editors and developers. - Alex tells us when and where you can find perfect conditions for passing on props. - Some limitations that come with the emits option. - How emit is evoked in Vue 2 versus and the changes that have come with Vue 3. - Stay tuned for this week’s top picks. Tweetables: - “My understanding is that emitting in Vue is the way that you pass data from a child component to its parent. It allows you to create your own events and you can use it wherever you want to, in a component to emit some data backup to its parent.” — @fimion [0:03:23] - “I think, it may also be that you don't necessarily need the information directly from callbacks, but you need that information available for something else that would happen.” — @fimion [0:14:56] - “If you're looking at a Vue like a page, where all you care about is what the template layout of it is, I feel that's more important to be at the top than the script.” — @fimion [0:18:40] - “Since emit does not return a value, you can't actually run validations through emit.” — @fimion [0:33:12] Resources mentioned: - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) - Alex Riviere on Twitter (https://twitter.com/fimion?lang=en) - Alex Riviere on GitHub (https://github.com/fimion) - Alex Riviere on CodePen (https://codepen.io/fimion/pens/popular) - Alex Riviere Blog (https://alex.party/) - Anthony Alicea (https://twitter.com/anthonypalicea?lang=en) - Ionic (https://ionicframework.com/vue) - Vue 2 docs - Emitting a Value With an Event (https://vuejs.org/v2/guide/components.html#Emitting-a-Value-With-an-Event) - Vue 3 docs - Component Custom Events (https://v3.vuejs.org/guide/component-custom-events.html#event-names) - Learn and Understand NodeJS, Anthony Alicea (Udemy) (https://www.udemy.com/course/understand-nodejs) - In The Loop, Jake Archibald (JSConf.Asia) (https://www.youtube.com/watch?v=cCOL7MC4Pl0) - Tony and Chelsea Northrup (https://www.youtube.com/channel/UCDkJEEIifDzR_2K2p9tnwYQ) - Mediocre: The Dangerous Legacy of White Male America, Ijeoma Oluo (https://bookshop.org/books/mediocre-the-dangerous-legacy-of-white-male-america/9781580059510) - Fire Emblem: Three Houses - Cindered Shadows DLC (Nintendo Switch) (https://fireemblem.nintendo.com/three-houses/downloadable-content) - Mutual Aid Hub (http://mutualaidhub.org) - Manhunt Deadly Games (https://www.rottentomatoes.com/tv/manhunt/s02) - Street Food Asia (https://www.imdb.com/title/tt10050778/) - Obsidian (https://obsidian.md/)

Key Points From This Episode: - Introducing today’s special guest, Vue core team member Damian Dulisz. - Ari Clark talks about what Vuelidate has added to her workflow. - Exploring the role that Vuelidate serves in the Vue ecosystem. - Hear about the main change made to the current version of Vuelidate. -Insights into schema forms and terms like ‘touched’ and ‘dirty.’ - When you would want to use schema forms. - The programming power of dynamic forms. - Damian explains FormVueLate’s uses and plug-in architecture. - Where Vuelidate is in its development cycle and the challenges that Damian has overcome. - We ask Damian about Vue global events and building global shortcuts. - Where developers can hear the latest developments in the Vue world. - From Queen’s Gambit to Demon’s Souls, hear our picks for the week. Tweetables: - “The next step after schema forms is creating dynamic forms, where the users can set actions, or rules that allow the form to transform based on values inside and external to that form. It’s crazy powerful.” — @DamianDulisz [0:20:02] - “We’re in a moment where we can introduce breaking changes. If you're using Vuelidate, or plan on doing that and have some ideas, let us know.” — @DamianDulisz [0:32:55] - “Playing Dark Souls was challenging and quite frustrating. It was good training for when my puppy arrived.” — @DamianDulisz [0:46:55] Links Mentioned in Today’s Episode: - Ionic (https://ionicframework.com/vue) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) - Damian Dulisz (https://dulisz.com/) - Damian Dulisz on Twitter (https://twitter.com/DamianDulisz) - Damian Dulisz on GitHub (https://github.com/shentao) - Vuelidate (https://vuelidate.js.org/) - Vuelidate on GitHub (https://github.com/vuelidate/vuelidate) - FormVueLate (https://formvuelate.js.org/) - Vue-multiselect (https://vue-multiselect.js.org/) - Vue Global Events on GitHub (https://github.com/shentao/vue-global-events) - Course Dog (https://www.coursedog.com/) - VueConf (https://us.vuejs.org/) - Dark (https://www.imdb.com/title/tt5753856/) - Google Forms (https://www.google.com/forms/) - Marina Mosti (https://twitter.com/marinamosti) - Building Forms with Vue.js (https://www.packtpub.com/product/building-forms-with-vue-js/9781839213335) - Single-spa (https://single-spa.js.org/) - Startup (https://www.imdb.com/title/tt12867810/) - Alias Grace (https://www.imdb.com/title/tt1034007/) - Margaret Atwood (https://twitter.com/MargaretAtwood) - Letterkenny (https://www.imdb.com/title/tt4647692/) - The Queen’s Gambit (https://www.netflix.com/title/80234304), Netflix - Demon's Souls (https://www.playstation.com/en-us/games/demons-souls) (PS5 remake) - Baby Shark puppy video (https://www.tiktok.com/@kes_theincredible/video/6744416591296892166), Kes - Hades (https://www.supergiantgames.com/games/hades) (Steam, Epic, Nintendo Switch) - Bastion (https://www.supergiantgames.com/games/bastion) - Transistor (https://www.supergiantgames.com/games/transistor) - Thanksgiving musical number, @broadwayposts (https://www.instagram.com/p/CIGeovvjsmB/?igshid=11cenpdfczcmp) - Baby Shark Song on YouTube (https://www.youtube.com/watch?v=XqZsoesa55w) Special Guest: Damian Dulisz.

Key Points From This Episode: - Introducing today’s host, Tessa! - We welcome a special guest, Alex Riviere. - Alex tells listeners a little more about himself. - Alex breaks down watch and watchEffect. - Examples of why we use watchers in Vue 2. - Alex answers: what is watchEffect? - How watch on Vue 3 differs to its Vue 2 version. - The caveat to having one function for all. - Recapping the main difference between watch and watchEffect. - Alex defines what side effects you might face. - What Alex finds helpful about the current docs on watch and watchEffect. - We talk about de-bounce search and our experiences with it. - Alex gives listeners a useful metaphor for watch and watchEffect. - We share our weekly picks! Tweetables: - “In Vue 3 we have watch and watchEffect in the composition API.” — @fimion [0:02:02] - “With the composition API, you can now import from Vue watch or watchEffect. WatchEffect allows you to define a function that accesses some reactive value.” — @fimion [0:03:43] - “So when we're passing complex objects to the watch function, it doesn't immediately want to be able to show you the old version and the new version. We kind of got to do some stuff to it.” — @fimion [0:08:45] - “Sometimes watch is not the correct answer. It's a very powerful tool. It can do a lot of really good and cool things. May not always be the correct answer, however.” — @fimion [0:23:04] Links Mentioned in Today’s Episode: - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) - Alex Riviere on Twitter (https://twitter.com/fimion?lang=en) - Alex Riviere on GitHub (https://github.com/fimion) - Alex Riviere on CodePen (https://codepen.io/fimion/pens/popular) - Alex Riviere Blog (https://alex.party/) - Chris Fritz (https://twitter.com/chrisvfritz) - Being Glue by Tanya Riley (https://medium.com/fillory/being-glue-talk-by-tanya-riley-215583053a5e) - Among Us (https://play.google.com/store/apps/details?id=com.innersloth.spacemafia&hl=en_ZA&gl=US) - Diablo II (https://diablo2.blizzard.com/en-gb/) - Taskmaster (https://www.imdb.com/title/tt4934214/) - Crazy Ex-Girlfriend (https://www.imdb.com/title/tt4094300/) - The Great British Baking Show (https://www.pbs.org/food/shows/great-british-baking-show/)

Key Points From This Episode: - Jenell’s journey into coding and how she fell into front end and UX development. - Job titles in the UI/UX space and perspectives on the difference between the two. - Diving deeper into the difference between a UX designer and a UX developer. - Challenges UX developers face at different stages of an app’s development. - How clients test apps in their beta phase and developers solve problems they find. - Perspectives on how to decide when an accessibility issue can no longer be ignored. - Struggles between accessibility ethics and the profit-focused priorities of stakeholders. - How important it is for developers to have soft skills like EQ and empathy. - The importance of making your code accessible to other developers too. - Readability issues in code such as how to write the index variable in a JavaScript loop. - Pet-peeves about best practices and language features of JavaScript. - This week’s top picks; games, TV shows, and books! Tweetables: - “That's my goal in life is to ensure that people forget that they're actually even using the application, because it becomes such a normal part of their life, that it just becomes second nature.” — @nellarro [0:01:43] - “It's a human right to be able to use the Internet. I feel as developers, we need to make sure that all humans can use the web, period.” — @nellarro [0:28:08] - “I think that's really important is making sure that your code is readable for an engineer to be able to look at your code and be like, ‘I get that. I see what's happening.’” — @nellarro [0:33:19] Links Mentioned in Today’s Episode: - Jenell Pizarro on LinkedIn (https://www.linkedin.com/in/jenell-pizarro/) - Jenell Pizarro on Twitter (https://twitter.com/nellarro) - Alex the CSS Husky (https://codepen.io/davidkpiano/pen/wMqXea) - Chakra UI (https://chakra-ui.com/) - Lodash (https://lodash.com/) - The Crown (https://www.imdb.com/title/tt04786824/) - Hyrule Warriors: Age of Calamity (https://www.zelda.com/hyrule-warriors/) - Among Us (https://www.nintendo.com/games/detail/among-us-switch/) - Against Empathy (https://bookshop.org/books/against-empathy-the-case-for-rational-compassion/9780062339348) - N.K. Jemisin (https://nkjemisin.com/) - Aunty Donna’s Big Ol’ House of Fun (https://www.imdb.com/title/tt13316746/) - couchgames.tv (http://couchgames.tv/) - AnimeJS (https://animejs.com/) - Your Korean Dad, Nick Cho (TikTok) (https://www.tiktok.com/@yourkoreandad?lang=en) - Difficult Conversations (https://www.amazon.com/Difficult-Conversations-Discuss-What-Matters/dp/0143118447) - The Escapists 2 (https://store.steampowered.com/app/641990/The_Escapists_2/) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Jenell Pizarro.

Key Points From This Episode: - Matt's current position at Google, his work with Vue, and his educational background. - A look at the panel's interesting and winding journeys through education in tech. - The format of computer science degrees aimed at preparation for web development. - Assessing the common requirements for computer science degrees for front-end work. - The central value of the ability to learn and the challenges this poses to the interview process. - Thoughts on new programs that are offered by the likes of Udacity and Google. - Training entry-level personnel on the job and gatekeeping associated with certifications. - The question of accessibility on the front-end and possible certifications for this. - Useful classes that Matt has taken that he would recommend to any front-end developer. - Why ethics classes are important for anyone working in tech! - The benefits of troubleshooting audio systems, art classes, and working in retail. - This week's picks; salt mixes, The Morning Show, Persona 5 Royal, and more! Tweetables: - “I was lucky enough to go to a high school that had computer science classes. I started off by learning the 1984 version of GW-BASIC.” — Matt Del Signore [0:02:46] - “I learned a lot of stuff I learned on my own. Went to a lot of hackathons and I would talk to people there and then they would teach me stuff.” — Matt Del Signore [0:03:08] - “I think with a lot of things, in a lot of industries, we still use degrees and certifications as shorthand for knowledge.” — Matt Del Signore [0:05:43] Links Mentioned in Today’s Episode: - Matt Del Signore (https://mattdelsig.me/) - Matt Del Signore on LinkedIn (https://www.linkedin.com/public-profile/in/mattdelsig) - Vue NYC Meetup (https://www.meetup.com/vueJsNYC/) - Stony Brook (https://www.stonybrook.edu/) - Tron (https://www.rottentomatoes.com/m/tron) - ABET (https://www.abet.org/) - Udacity (https://www.udacity.com/) - Codeacademy (https://www.codecademy.com/) - Code School (https://www.pluralsight.com/codeschool) - Pluralsight (https://www.pluralsight.com/) - Udemy (https://www.udemy.com/) - Should I Use a Carousel (http://shouldiuseacarousel.com/) - Beautiful Briny Sea (https://www.beautifulbrinysea.com/) - Hades (https://store.steampowered.com/app/1145360/Hades/) - The Morning Show (https://www.rottentomatoes.com/tv/the_morning_show) - Reese Witherspoon (https://www.imdb.com/name/nm0000702/bio) - Steve Carell (https://www.imdb.com/name/nm0136797/) - Jennifer Aniston (https://www.imdb.com/name/nm0000098/) - Persona 5 Royal (https://atlus.com/p5r/) - Operating Systems: Three Easy Pieces (https://pages.cs.wisc.edu/~remzi/OSTEP/) - Sure Shot — Espresso Blend, Southdown Coffee (https://www.southdowncoffee.com/order-coffee/sure-shot-espresso-blend) - Nintendo Switch custom accessories, Etsy (https://www.etsy.com/search?q=nintendo%20switch) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Matt Del Signore.

Key Points From This Episode: - Introducing today’s guest, Eva Sofianos. - Eva tells us a little bit more about herself. - Some of the challenges Eva is facing teaching her students remotely. - Eva talks about her day-to-day tasks as a remote lecturer. - Hear about the other courses Eve teaches at the college. - Why Java is the preferred choice for learning institutions across the United States. - The advantages of going through Eva’s degree program. - What it’s like behind the scenes as a lecturer. - How Eva creates opportunities for people with limiting backgrounds. - Eva shares how you can make a transition from Java to Python. - Areas outside of coding where Eva provides value to her students. - What Brian and Eva appreciate about their tech educational background. - Stay tuned for this week’s picks! Tweetables: - “I look forward to the day that we will all be back in the classroom together. They're trying. I'm trying. We're all trying together. I do see how challenging it is from the student’s perspective.” — @EvaSofianos [0:04:50] - “When you graduate you do know a lot more than when you started, but if you don't go out and explore further, you'll never be able to really learn. It's on-the-job that you really learn things.” — @EvaSofianos [0:09:29] - “Getting a bachelor's in computer science is much more than just being able to program. It's understanding the connection between the hardware and the software.” — @EvaSofianos [0:18:14] - “Find what you love, if you're lucky enough to be able to work hard and be in that industry, whatever it is, you can have a happy and successful career life.” — @EvaSofianos [0:44:10] Links Mentioned in Today’s Episode: - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) - Eva Sofianos on LinkedIn (https://www.linkedin.com/in/eva-sofianos/) - Eva Sofianos on Twitter (https://twitter.com/evasofianos?lang=en) - IBM (https://www.ibm.com/za-en) - Cornell (https://www.cornell.edu/) - Lehman (https://www.lehman.cuny.edu/) - Volume Master (https://chrome.google.com/webstore/detail/volume-master/jghecgabfgfdldnmbfkhmffcabddioke?hl=en) - The Queen's Gambit (https://www.imdb.com/title/tt10048342/) - Schitt's Creek (https://www.netflix.com/title/80036165) - Queen of the South (https://www.imdb.com/title/tt1064899/) - Ethan Becker (https://www.instagram.com/ethanbecker70/?hl=en) - Kurumi - Mr. Children (https://www.youtube.com/watch?v=3Um_xMmE8OA&ab_channel=Mr.ChildrenOfficialChannel) Special Guest: Eva Sofianos.

Key Points From This Episode: - Alex shares details about his web development journey. - Hear about Nuxt.js and how it fits into the Vue ecosystem. - The tech stack that Alex likes to use. - Why Alex uses Tailwind CSS, despite other people’s skepticism. - Alex answers questions about using Tailwind CSS. - Exploring SEO and how it’s best integrated within your website. - How your sitemap can impact your SEO. - Why using Nuxt.js is so good for your SEO. - Dynamic versus static server-side rendering. - Alex talks about how he uses speaking to problem-solve for the Nuxt community. - Answering Nuxt frequently asked questions. - Common ‘gotchas’ that challenge Nuxt beginners. - From productivity tips to microphone stands, hear our top picks for the week. Tweetables: - “Because it’s configurable and flexible, Tailwind gives you many options to enforce style guidelines — it also gives you a mini-design system to simplify your work.” — @TheAlexLichter [0:08:55] - “SEO isn’t rocket science. It's how you optimize your pages for the user. Though it's called search engine optimization, the user is actually the focus.” — @TheAlexLichter [0:19:16] - “If a newer version of something is coming out and you want to get things done, then just go ahead and start. You can always switch later.” — @TheAlexLichter [0:34:41] Links Mentioned in Today’s Episode: - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) - Alexander Lichter (https://www.lichter.io/) - Alexander Lichter Blog (https://blog.lichter.io/) - Alexander Lichter on Twitter (https://twitter.com/thealexlichter) - Alexander Lichter Email (mailto:blog@lichter.io) - Nuxt.js (https://nuxtjs.org/) - Nuxt.js Documentation (https://nuxtjs.org/docs/2.x/get-started/installation) - Taylor Otwell (https://twitter.com/taylorotwell) - Vue.js London (https://vuejs.london/) - Tailwind CSS (https://tailwindcss.com/) - Tim Benniks (https://twitter.com/timbenniks) - ‘Tim Tries: TailwindCSS with Alexander Lichter’ (https://timbenniks.dev/videos/tim-tries-tailwindcss-with-alexander-lichter/) - Adam Wathan (https://twitter.com/adamwathan) - Diablo IV (https://diablo4.blizzard.com/en-us/) - VueConf US (https://us.vuejs.org/) - Sébastien Chopin (https://twitter.com/Atinux) - Pooya Parsa (https://twitter.com/_pi0_) - Vue.js Global (https://vuejs.amsterdam/program/) - Daniel Roe (https://twitter.com/danielcroe) - Thorsten Lünborg (https://twitter.com/linus_borg) - Vue.js Amsterdam (https://vuejs.amsterdam/) - The Haunting of Bly Manor (https://www.imdb.com/title/tt10970552/) - Henry James (https://www.britannica.com/biography/Henry-James-American-writer) - Paul Slaughter (https://gitlab.com/pslaughter) - conventional: comments (https://conventionalcomments.org/) - TONOR T20 Mic Arm Stand (https://www.tonormic.com/products/tonor-t20-mic-arm-stand) - RØDE NT1-A (https://www.rode.com/microphones/nt1-a) - Website Carbon (https://www.websitecarbon.com/) - Roam Research (https://roamresearch.com/) Special Guest: Alexander Lichter.

Key Points From This Episode: - Introducing today’s panel, Ari and Tessa. - We kick off the episode by looking at composition API. - Side effects and collisions one can expect when using Composition API. - How composition API can solve mixin problems. - Hear about the process behind conflating data with filtering. - Ari tells us about a foot gun, and why they ought to be avoided. - The best ways for users to start learning composition API. - Find out what is exposed by the composition API. - Parting thoughts from our panel. - Hear the team’s picks for this week! Tweetables: - “Composition API is the ability to share features across different components in a way that's modular, but in a way that also, you can maintain and track.” — @enjoythevuecast [0:03:23] - “In components when you have so many features that it's hard to tell what's talking to what anymore, this is really where people start to want to break things apart. This is where composition API can shine.” — @enjoythevuecast [0:07:28] - “Just because you can use a tool, it doesn't mean you should.” — @enjoythevuecast [0:22:26] Links Mentioned in Today’s Episode: - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) - Teleport (Vue 3 Docs) (https://v3.vuejs.org/guide/teleport.html%23teleport) - Teleport (Vue School video (https://vueschool.io/lessons/vue-3-teleport?friend=vuejs)) - Udemy (https://www.udemy.com/?utm_source=adwords-brand&utm_medium=udemyads&utm_campaign=Brand-Udemy_la.EN_cc.ROW&utm_term=_._ag_80315195513_._ad_386251995970_._de_c_._dm__._pl__._ti_kwd-310556426868_._li_1028745_._pd__._&utm_term=_._pd__._kw_udemy_._&matchtype=e&gclid=Cj0KCQiA3NX_BRDQARIsALA3fIIlLMlP5RvDKCS4YUtk20CibdQdiDgPJHm1lig4Nn-vo6Coj9HbT7saAjH8EALw_wcB) - Marvel App (https://marvelapp.com/) - Concept Design Academy (http://conceptdesignacad.com/) - iPhone12 Pro (https://www.apple.com/za/iphone-12-pro/)

Key Points From This Episode: - Brief definitions and an overview of how the team thinks about Teleport. - Identifying some common points of confusion around teleporting on Vue. - Thinking about problems from the inside out and the issue of multiple destinations. - Styling using Teleport; which parts determine the style? - Helpful notifications around completed tasks and the time this can save. - Considering the variety of Teleport use cases and which make the most sense. - Some important details about Tessa's talk at VueConf Toronto in November. - Using portal-vue on Vue 3 and why this can still be useful. - New additions and disappearances in Vue 3 and the reasons for the changes. - Ben's early experience of Teleport so far — things that have him excited about Vue 3. - Today's picks from Tess, Ben, and Ari! Tweetables: - “I think of Teleport as a way to decouple a piece of the template from a component in a single file component and basically tell it where to show up on the actual page.” — @enjoythevuecast [0:00:36] - “I’m just basically trying things out and figuring out how Teleport works based on what's not working in all those experiments.” — @enjoythevuecast [0:02:46] - “You can send multiple teleports to the same destination, but it's still technically multiple points of origin, not a single point of origin.” — @enjoythevuecast [0:20:08] Links Mentioned in Today’s Episode: - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) - Teleport (Vue 3 Docs) (https://v3.vuejs.org/guide/teleport.html#teleport) - Teleport (Vue School video (https://vueschool.io/lessons/vue-3-teleport?friend=vuejs)) - Slots > Props - Michael Thiessen's Newsletter (https://michaelnthiessen.com/slots-are-better-than-props/?ck_subscriber_id=687636877) - Tessa’s talk (Link TBA) - PortalVue (https://github.com/LinusBorg/portal-vue) - vue-simple-portal (https://github.com/LinusBorg/vue-simple-portal) - The Good Place (https://www.rottentomatoes.com/tv/the_good_place) - Inception (https://www.rottentomatoes.com/m/inception) - 쌍갑포차 (Mystic Pop-up Bar) (https://en.wikipedia.org/wiki/Mystic_Pop-up_Bar) - Epomaker GK68X (https://epomaker.com/products/epomaker-gk68xs) - Logitech Stream Plus (https://www.logitech.com/en-us/products/webcams/streamcam.960-001289.html) - Logitech G604 (https://www.logitechg.com/en-us/products/gaming-mice/g604-lightspeed-wireless-gaming-mouse.html)

Overview Programming is not just about creating enterprise-level apps but can be put to work to help people express themselves creatively in many different ways. This is just one of a few profound takeaways from today’s show, where we got a chance to sit down with Pine Wu, former Visual Studio Code developer at Microsoft who built Vetur, a language server that enhances the Vue editing experience. We talk to Pine about Vetur’s background and functionality, his current nomadic pursuits, and his approach to programming as an art or a means to art more than anything else. On the subject of Vetur, Pine explains the context behind the name, and what led him to build the project in the first place. He speaks about how he built out early versions of Vetur by leveraging open source code from other platforms, how the project blew up overnight, its current abilities, and what the future holds. From there, we move on to discuss Pine’s thoughts about what coding means to him. We touch on ideas about the value of exploring content outside of one's discipline, the line between learning and building, and how the tools we create and use structure the way we think about what we work on as well as what we build. Pine also shares a bunch of cool resources today – creative projects using Vue and other frameworks, as well as key texts and talks that have influenced his ideas about art, perception, tools, and computer science. For a wide-reaching conversation about creativity, learning, and writing software that is useful to the world outside of corporations, be sure to tune in! Key Points From This Episode: The human languages and programming languages Pine is fluent in. Matthew Butterick’s work with Racket and why Pine wants to learn this language next. The line between learning and building; recent projects Pine did and what they taught him. Pine’s approach to learning programming as a means of achieving his creative ends. The added perceptive abilities you get from learning things outside of your field. Why ‘computer science’ is a misnomer, describing an art more than a science; how Pine got into programming. New features in Vue 3 and the changes Pine has to make to Vetur to support them. The online channels that Pine is most active on; where to find him if you’d like to get in touch. All the great picks from our hosts and guest from today’s episode. Tweetables: “I learn while I’m doing so I try to start new projects that help me learn.” — @octref [0:04:04] “I would rather sign up for a course in sociology or philosophy or design rather than sign up for a course in programming. That’s how I learn and try to improve my ways of thinking.” — @octref [0:05:58] “Other than learning to innovate on new ideas, I also want to learn to be able to see certain things that people of other disciplines can’t. That’s one of the reasons I am learning to draw with color.” — @octref [0:08:32] Picks of the week: - Pine's picks: - Media for Thinking the Unthinkable: Designing a new medium for science and engineering, Bret Victor (http://worrydream.com/MediaForThinkingTheUnthinkable) - poolside.fm (https://poolside.fm/) - How to Hack a Painting, Tyler Hobbs (https://tylerxhobbs.com/essays/2020/how-to-hack-a-painting) - Future of Coding (https://futureofcoding.org/) - The New Media Reader, edited by Nick Montfort and Noah Wardrip-Fruin (https://bookshop.org/books/the-new-media-reader-with-cdrom/9780262232272) Tessa's picks: Moft Z 5-in-1 Sit-Stand Desk (https://www.moft.us/products/moft-z-5-in-1-sit-stand-desk) The Dance of Anger (https://bookshop.org/books/the-dance-of-anger-cd-a-woman-s-guide-to-changing-the-pattern-of-intimate-relationships/9780060726508), Harriet Lerner Ph.D., read by Barbara Caruso Chilling outside in cars https://parametric.press/issue-01/unraveling-the-jpeg (https://parametric.press/issue-01/unraveling-the-jpeg/) Pine's photography Ben's picks: Sponsor Pine on GitHub (https://github.com/sponsors/octref) Ari's picks: Renpure Rosemary Mint Cleansing Conditioner (https://www.renpure.com/products/hair/solutions-rosemary-mint-cleansing-conditioner/) Links Mentioned in Today’s Episode: Pine Wu on GitHub (https://github.com/octref) Pine Wu on Twitter (https://twitter.com/octref?lang=en) Pine Wu Blog (https://blog.matsu.io/) Vetur (https://vuejs.github.io/vetur/) Mrmrs (http://mrmrs.cc/) Von, 菅野 よう子 (Kanno Yōko), ft. Arnór Dan Arnarson (https://www.youtube.com/watch?v=lfksYyxGRJw) 残響のテロル (Zankyō no Teroru) / Terror in Resonance (https://www.imdb.com/title/tt3613454/) Tyler Hobbs’s Guide to Simulating Watercolor Paint (https://tylerxhobbs.com/essays/2017/a-generative-approach-to-simulating-watercolor-paints) Inventing on Principle (https://www.youtube.com/watch?v=PUv66718DII) Structure and Interpretation of Computer Programs (https://www.amazon.com/Structure-Interpretation-Computer-Programs-Engineering/dp/0262510871) Pollen (https://docs.racket-lang.org/pollen/) Beautiful Racket (https://beautifulracket.com/) Hackers and Painters (http://www.paulgraham.com/hp.html) Bret Victor (http://worrydream.com/) Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) Special Guest: Pine Wu.

Key Points From This Episode: - An intro into Pine, his experiences at Microsoft, and the work he does in Visual Studio Code. - What leading a nomadic life means to Pine, and the things he enjoys learning as a freelancer. - Pine’s ideas about not only being a programmer but wanting to study graphic design too. - An intro into Vetur, Pine’s project that provides autocomplete functionality for Vue files. - How Pine has expanded Vetur’s functionality beyond autocomplete and diagnostic errors. - The beginnings of Vetur: Pine’s love of Vue which wasn’t compatible with VS Code. - How Pine developed early Vetur versions by copy-pasting and modifying parts of existing support from other platforms. - The story of Vetur’s huge early success after the creator of Repl tweeted about it. - Humor in Pine’s talks and how his non-sugarcoated approach plays into this. Pine’s rapid prototyping tool and how it fits in with his passion for enabling expressive coding. - Perspectives on the idea that tools shape how we think and what we build. - Pine’s thoughts on future Vetur upgrades: A type renaming tool and more. Tweetables: - “If you are editing a TypeScript or JavaScript file in your Visual Studio Code, you see that after you press a dot you see a lot of autocompletions. Those are powered by what is called a language server and a language server basically analyzes the whole code base, breaks your code into abstract syntax trees, analyzes them, and then gives you autocompletion and diagnostic errors. Vetur basically does that for Vue files.” — @octref [0:07:34] - “As a programmer, my passion is not writing enterprise-level or large scale Vue apps. My interest is more in the expressive side of coding.” — @octref [0:17:01] - “Without a microscope, you are unable to work with bacteria. Without a telescope, you are unable to work with galaxies. It’s only with these tools that you can perceive certain things.” — @octref [0:22:10] Links Mentioned in Today’s Episode: - Pine Wu on GitHub (https://github.com/octref) - Pine Wu on Twitter (https://twitter.com/octref?lang=en) - Pine Wu Blog (https://blog.matsu.io/) - Vetur (https://vuejs.github.io/vetur/) - Mrmrs (http://mrmrs.cc/) - Von, 菅野 よう子 (Kanno Yōko), ft. Arnór Dan Arnarson (https://www.youtube.com/watch?v=lfksYyxGRJw) - 残響のテロル (Zankyō no Teroru) / Terror in Resonance (https://www.imdb.com/title/tt3613454/) - Tyler Hobbs’s Guide to Simulating Watercolor Paint (https://tylerxhobbs.com/essays/2017/a-generative-approach-to-simulating-watercolor-paints) - Inventing on Principle (https://www.youtube.com/watch?v=PUv66718DII) - Structure and Interpretation of Computer Programs (https://www.amazon.com/Structure-Interpretation-Computer-Programs-Engineering/dp/0262510871) - Pollen (https://docs.racket-lang.org/pollen/) - Beautiful Racket (https://beautifulracket.com/) - Hackers and Painters (http://www.paulgraham.com/hp.html) - Bret Victor (http://worrydream.com/) - The New Media Reader (http://www.newmediareader.com/) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) Special Guest: Pine Wu.

Key Points From This Episode: - Miriam’s advice for getting started in CSS, especially those coming from other languages. - How CSS provides the tools to deal with its inherent and absurd lack of control. - The history of browsers with style capabilities and how CSS was a response to that idea. - We learn why Miriam is ambivalent to tools like Tachyon or Tailwind. - What developing Sass helped Miriam learn about CSS, and why Sass can’t contextualize the complexity of CSS for users. - The design systems approach Miriam chooses, depending on the client, and she loves Sass. - Addressing scoping – Miriam describes how her preferred tool, View Solution works. - Some common scoping or CSS patterns that Miriam disagrees with, and the patterns or paradigms she thinks deserve more attention. - Miriam talks about the CSS spec work she is doing and why she felt the need to do it. - Problem-solving when debugging – Miriam suggests looking at browser dev tools and property when inspecting an element. - Miriam explains the layout models in CSS, and how others can understand them better. - CSS is communicating meaningfully to the browser, how to make smart decisions for us. - Masonry layout – what it is, why it’s considered the holy grail layout, why it’s tough to build. - CSS, specs, browser implementation, and rules – Miriam lays out what CSS actually is. - Which of the things that are broken or unintuitive in CSS Miriam would like to change. - The panel shares the worst thing they have done in CSS and the thing they are proudest of. - Miriam shares her worst CSS experience, which was during the height of maintaining Susy. - Tessa’s picks include Mozilla Developer videos and CSS The Card Game. - Ben’s picks this week involve fixing back pain with a massage gun and a song called Funny. - Miriam shares her picks, including A CSS showcase called Style Stage, the Layout Land videos, and an ASL dictionary. - To close the show is Ari’s pick, which is simply Queen by Perfume Genius. Tweetables: - “[CSS is] a collaboration with browsers and with users, everything is contextual, it's meant to be that way. Browser differences are a feature, your code breaking is a feature… That’s just the way it is. It’s one weird big performance art.” — @mirisuzanne [0:02:36] - “CSS is all about communicating meaningfully to the browser how to make smart decisions for us. Telling it this is a flex situation, or this is a grid situation, or this is a float situation is meaningful information that the browser can use to make decisions on our behalf in contexts we haven't thought about.” — @mirisuzanne [0:34:18] - “My key to writing CSS is always try to convey as much information as we can to the browser in small ways.” — @mirisuzanne [0:34:28] - “Responsive web design taught us to remove all intrinsic sizes and put a percentage on everything, everything is fluid. If you’ve ever heard Jen Simmons talk about intrinsic design, she's trying to push back on that one aspect of responsive.” — @mirisuzanne [0:47:44] Links Mentioned in Today’s Episode: - Miriam Suzanne on Twitter (https://twitter.com/mirisuzanne) - Miriam Suzanne on LinkedIn (https://www.linkedin.com/in/mirisuzanne/) - Miriam Suzanne on GitHub (https://github.com/mirisuzanne) - Miriam Suzanne (https://www.miriamsuzanne.com/) - OddBird (https://www.oddbird.net/) - Teacup Gorilla (https://www.teacupgorilla.com/) - Grapefruit Lab (https://www.grapefruitlab.com/) - Riding Sidesaddle* (http://www.springgunpress.com/riding-sidesaddle-miriam-suzanne/) - The Post-Obsolete Book (http://www.post-obsolete.com/) - Why is CSS So Weird? (https://youtu.be/aHUtMbJw8iA) - Storybook (https://storybook.js.org/) - Mozilla Developer on YouTube (https://www.youtube.com/channel/UCh5UlGiu9d6LegIeUCW4N1w) - CSS The Card Game (https://github.com/hanilim/css-the-card-game) - Tierney's gist for playing Among Us "locally" (https://gist.github.com/bnb/b3775122759fe22c9628ac284bd96bfb) - Theragun (https://www.theragun.com/) - Funny (https://youtu.be/uDE5ygucFyY) - Style Stages by Stephanie Eckles (https://stylestage.dev/) - Layout Land on YouTube (https://www.youtube.com/c/LayoutLand) - ASLU Dictionary by Bill Vicars (https://www.lifeprint.com/)Freedom is a Constant Struggle (https://www.amazon.com/Freedom-Constant-Struggle-Palestine-Foundations/dp/1608465640) - Queen (https://youtu.be/Z7OSSUwPVM4) - Incomplete List of Mistakes in the Design of CSS (https://wiki.csswg.org/ideas/mistakes) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Miriam Suzanne.

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 (https://twitter.com/uhfelix) - Felix Park (http://www.felixpark.com/) - Noclip on YouTube (https://www.youtube.com/channel/UC0fDG3byEcMtbOqPMymDNbw) - Godot Game Engine (https://godotengine.org/) - Hot Shots Golf: World Invitational Game (https://www.playstation.com/en-us/games/hot-shots-golf-world-invitational-psvita/) - The 3rd Birthday (https://www.playstation.com/en-us/games/the-3rd-birthday-psp/) - Resident Evil 6 (https://store.playstation.com/en-za/product/EP0102-CUSA03840_00-BH6HDPS400000000) - Ct.js Game Editor (https://ctjs.rocks/) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) 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 (https://twitter.com/uhfelix) - Felix Park (http://www.felixpark.com/) - The Design of Everyday Things (https://www.amazon.com/Design-Everyday-Things-Revised-Expanded/dp/0465050654) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) 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 (https://www.linkedin.com/in/davidmashe/) - David Ashe Email (mailto:davidashe@hey.com) - David Ashe on GitHub (https://github.com/davidmashe) - Amaal Hussein on Twitter (https://twitter.com/nomadtechie) - Amal Hussein Email (mailto:Amal.hussein@hey.com) - Ben Hong Email (mailto:Bencodezen@hey.com) - Square Software Engineering Career Ladder (https://docs.google.com/spreadsheets/d/12h50IYqd7fsO7tJ0l1OuHYbz5vN2d24a8EIDFhu2AZQ/edit#gid=2035430096) - TINYPulse (https://www.tinypulse.com/) - I May Destroy You (https://www.hbo.com/i-may-destroy-you) - Lovecraft Country (https://www.hbo.com/lovecraft-country) - Freak Show (https://www.netflix.com/title/80225018#:~:text=2018TV-MA%201h%2030m,Watch%20all%20you%20want.) - Malinda Herman on YouTube (https://www.youtube.com/channel/UCKz15eIpSAvQmy-ZttXPyog) - Mike and Matty on YouTube (https://youtu.be/EMT5k4qJZGU) - Hey (https://hey.com/) - Dating Around (https://www.netflix.com/title/80204889) - Nonviolent Communication (https://www.amazon.com/Nonviolent-Communication-Language-Marshall-Rosenberg/dp/1892005034) - Difficult Conversations (https://www.amazon.com/Difficult-Conversations-Discuss-What-Matters/dp/0143118447) - Hades (https://store.steampowered.com/app/1145360/Hades/) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) 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 (https://twitter.com/left_pad?lang=en) - Henry Zhu on GitHub (https://github.com/hzoo)  - Henry Zhu (https://www.henryzoo.com/) - Hope in Source Podcast (https://hopeinsource.com/) - Maintainers Anonymous Podcast (https://maintainersanonymous.com/) - Babel (https://babeljs.io/) - Google Summer of Code (https://summerofcode.withgoogle.com/archive/) - Rails Girls (http://railsgirls.com/) - Vue Vixens (https://www.vuevixens.org/) - Working in Public (https://www.amazon.com/Working-Public-Making-Maintenance-Software/dp/0578675862) - Kim’s Convenience on Netflix (https://www.netflix.com/title/80199128)  - Race After Technology (https://www.amazon.com/Race-After-Technology-Abolitionist-Tools/dp/1509526404) - Tools for Conviviality (https://www.amazon.com/Tools-Conviviality-Ivan-Illich/dp/1842300113/ref=sr_1_1?dchild=1&keywords=Tools+for+Conviviality&qid=1601903637&s=books&sr=1-1) - Journey (https://thatgamecompany.com/journey/) - Conquer Your Critical Inner Voice (https://www.amazon.com/Conquer-Your-Critical-Inner-Voice/dp/1572242876/ref=sr_1_1?dchild=1&keywords=Conquer+Your+Critical+Inner+Voice&qid=1601904786&sr=8-1) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) 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 (https://twitter.com/left_pad?lang=en) - Henry Zhu on GitHub (https://github.com/hzoo)  - Henry Zhu (https://www.henryzoo.com/) - Hope in Source Podcast (https://hopeinsource.com/) - Maintainers Anonymous Podcast (https://maintainersanonymous.com/) - Babel (https://babeljs.io/) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) 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 (https://enjoythevue.io/episodes/31/) Animation apps: - Callipeg (https://callipeg.com) (iPadOS) - Rough Animator (https://www.roughanimator.com) (Android, iOS, Windows, MacOS) KARE * KANO SOUND TRACKS (https://www.allmusic.com/album/kareshi-kanojo-no-jijou-cd-box-mw0000407025) (Shiro Sagisu) Ari Logitech G700s (https://www.logitechg.com/en-hk/products/gaming-mice/g700s-rechargeable-wireless-gaming-mouse.html) Mike Fall Guys (https://fallguys.com) (PS4, Steam) r/DIY (https://www.google.com/search?client=firefox-b-1-d&q=reddit+r+diy) (Reddit) Ben Don't Kill My Vibe (https://www.youtube.com/watch?v=xzonQoON9eo) (Sigrid) Fall Guys (https://fallguys.com) (PS4, Steam) Resources mentioned: - Capacitor (https://capacitorjs.com/solution/vue) - Capacitor discussions (https://github.com/ionic-team/capacitor/discussions) - Ionic Framework Forum (https://forum.ionicframework.com/) 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 (https://en.wikipedia.org/wiki/Emma_(manga)) (Comic) - 킹덤 (Kingdom) (https://en.wikipedia.org/wiki/Kingdom_(South_Korean_TV_series)) (Kdrama) - Ari - Stateless (https://www.netflix.com/title/81206211) (Netflix) - Kevin - YouGotThis (http://yougotthis.io) (Conference) - EventHandler (http://handler.events) (Newsletter) - Ben - VueConf Toronto (https://vuetoronto.com) - Connect.Tech (http://connect.tech) Resources mentioned: - Vonage API Developer Platform (https://developer.nexmo.com) - Women of React (https://womenofreact.com/) - VueConf US 2020 (https://us.vuejs.org/) - Adulting.Dev (https://www.adulting.dev/) - DevConf (https://www.devconf.info/) - BarCamp London (https://twelve.barcamplondon.org/) - humansconf (https://www.humansconf.org/) - Remo (https://remo.co/) - StreamYard (https://streamyard.com/) - Kingdom of the Gods by Kim Eunhee & Yang Kyungil (http://ylabcomics.com/bbs/board.php?bo_table=03_02_eng&wr_id=46&page=3&pg_position=46) - Distant Sky by Yoon Inwan & Kim Sunhee (http://ylabcomics.com/bbs/board.php?bo_table=03_02_eng&wr_id=44&page=2&pg_position=44) Special Guest: Kevin Lewis.

Show Notes TBD Picks of the week: - Ari - Doctor Foster (https://www.netflix.com/title/80097034) (BBC) - Doom Patrol (https://www.hbomax.com/dp) (HBO Max) - Tessa - Physical therapy (https://en.wikipedia.org/wiki/Physical_therapy) - Rahul - Fall Guys (https://fallguys.com) (Game) - The Dip (https://bookshop.org/books/the-dip-a-little-book-that-teaches-you-when-to-quit-and-when-to-stick), Seth Godin (Book) - Ben - Hades Early Access (https://www.supergiantgames.com/games/hades) (Game) - Rush Hour (https://en.wikipedia.org/wiki/Rush_Hour_(1998_film)) (1998) (Movie) Resources mentioned: - Teleport (https://v3.vuejs.org/guide/teleport.html#using-with-vue-components) - Fragments (https://v3.vuejs.org/guide/migration/fragments.html#overview) - v-on="$listeners" deprecation (https://v3.vuejs.org/guide/migration/functional-components.html#components-created-by-functions) - Vue 3 Compiler (https://www.youtube.com/watch?v=k-mSbrj_fjU) - Composition API (https://v3.vuejs.org/guide/composition-api-introduction.html) - Vue 3 Official Site (https://v3.vuejs.org) - Vue 2 to Vue 3 Migration Guide (https://v3.vuejs.org/guide/migration/introduction.html#overview)

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 (https://store.steampowered.com/app/753640/Outer_Wilds/) - Sigrid (https://www.thisissigrid.com/) - Ari - Alone - Season 6 (https://www.history.com/shows/alone/season-6) - Tessa - The Disaster Artist (https://a24films.com/films/the-disaster-artist) (film) - DARK (https://www.netflix.com/title/80100172) (Netflix) - Ben - Essentialism by Greg McKeown (https://gregmckeown.com/book/) (book) - Essentialism with Greg McKeown (https://gregmckeown.com/podcast/) (podcast) Other resources mentioned: - On Leaving by Pine Wu (https://blog.matsu.io/on-leaving) - Graphic Design is My Passion (Meme) (https://knowyourmeme.com/photos/1018866-graphic-design-is-my-passion) - Deci and Ryan Self Determination Theory (https://www.verywellmind.com/what-is-self-determination-theory-2795387) - How to Take Smart Notes (https://www.goodreads.com/en/book/show/34507927-how-to-take-smart-notes) (Sönke Ahrens; mentioned in episodes 23 (https://enjoythevue.io/episodes/23) and 28 (https://enjoythevue.io/episodes/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 (https://www.honeybadger.io/) Resources mentioned: Slots (https://vuejs.org/v2/guide/components-slots.html) Scoped Slots (https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots)  Littlewood-Steam (https://store.steampowered.com/app/894940/Littlewood/) Bearaby Weighted Blanket (https://bearaby.com/) LayerPaint-Android (https://play.google.com/store/apps/details?id=org.nattou.www.layerpaint) LayerPaint HD-Android (https://play.google.com/store/apps/details?id=org.nattou.layerpainthd) Clip Studio Paint for iPad (https://apps.apple.com/us/app/clip-studio-paint-for-ipad/id1262985592) Ibis Paint (App store) (https://apps.apple.com/us/app/ibis-paint/id441179131) FireAplaca (Mac and Windows) (https://firealpaca.com/) The Umbrella Academy (Netflix) (https://www.netflix.com/title/80186863) Pure Beech Sateen Sheet Set (Bed Bath & Beyond) (https://www.bedbathandbeyond.com/store/product/pure-beech-reg-100-modal-sateen-sheet-set/3257516) It’s a Disaster- Hulu (https://www.hulu.com/movie/its-a-disaster-709a417a-0d50-4c4c-8ab0-1429fbee238a?d=Gracenote&cmp=rt_where_to_watch&content_id=614016) It’s a Disaster - Amazon Prime Video (https://www.amazon.com/gp/product/B00BYCX1O0/ref=pv_ag_gcf?cmp=rt_where_to_watch)

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 (https://www.honeybadger.io/) Resources mentioned: Natalia Tepluhina Website (https://www.nataliatepluhina.com/) Natalia Tepluhina Twitter (https://twitter.com/n_tepluhina?lang=en) Sam Brandt Website (https://www.writersamb.com/) Sam Brandt Instagram (https://www.instagram.com/mxsambrandt/?hl=en) NaNoWriMo (https://nanowrimo.org/) Good Words LLC (https://www.goodwordswriting.com/) Shadazzle (https://www.shadazzlecleaner.com/) Dr. Tung's ionic toothbrush (https://drtungs.com/products/27-ionic-toothbrush-system.html)  Sänger Hot Water Bottle (https://www.warmtradition.com/products/sanger-rubber-hot-water-bottle-made-in-germany-2-litres-blue) On Writing Well by William Zinsser (https://bookshop.org/books/on-writing-well-the-classic-guide-to-writing-nonfiction-anniversary/9780060891541) Cypress.io (https://www.cypress.io/) Donny Benét (https://www.youtube.com/channel/UCKnbqx5dxauhUGYxGS49c7Q) TWogether-Netflix (https://www.netflix.com/title/81095953) Starship Command Prompt (https://starship.rs/) Nerd Fonts (https://www.nerdfonts.com/) Vue CLI 4.5 (https://github.com/vuejs/vue-cli/blob/dev/CHANGELOG.md#450-2020-07-24) Taylor Swift- folklore (https://open.spotify.com/album/2fenSS68JI1h4Fo296JfGr) OXO Good Grips Easy-Clean Compost (https://www.oxo.com/easy-clean-compost-bin.html)  G Ganen Foldable Bathtub (https://www.amazon.com/Happy-Life-Portable-Plastic-Bathtub/dp/B008XSXQIO) The City We Became by N.K. Jemisin (https://bookshop.org/books/the-city-we-became-lib-e/9781549157257) The Okra Project (https://www.theokraproject.com/) The Old Guard-Netflix (https://www.netflix.com/title/81038963) Special 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 (https://twitter.com/nomadtechie) Amal Hussein GitHub (https://github.com/nomadtechie) Pino-GitHub (https://github.com/pinojs/pino) Sentry (https://sentry.io/welcome/) Console.trace (https://developer.mozilla.org/en-US/docs/Web/API/Console/trace) When I See You Again - Netflix (https://www.netflix.com/title/80111845) Diablo 3 (PC / Mac / Switch / PS4 / XBOX (https://us.diablo3.com/en/) An Evening with Beverly Luff Linn - Netflix (https://www.netflix.com/title/81002313) HelloFresh (https://www.hellofresh.com/?c=92-7T6GR88C7&gclid=EAIaIQobChMIj4SErN_46gIVJv7jBx38nw-eEAAYASAAEgLx7_D_BwE&locale=en-US) Indian Matchmaking - Netflix (https://www.netflix.com/title/80244565) The Web (https://en.wikipedia.org/wiki/World_Wide_Web) 사랑의 불시착 (Crash Landing on You) - Netflix (https://www.netflix.com/title/81159258) Phoenix Wright: Ace Attorney − Spirit of Justice (iOS, Android, N3DS) (https://en.wikipedia.org/wiki/Phoenix_Wright:_Ace_Attorney_%E2%88%92_Spirit_of_Justice) 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 (https://twitter.com/MichaelThiessen) Michael Thiessen (https://michaelnthiessen.com/)  Michael’s Medium Blog Post-“Checklist for Writing Highly Reusable Components in React and Vue (https://medium.com/hackernoon/checklist-for-writing-highly-reusable-components-in-react-and-vue-531f963864bd).” “The Paradox of Abstraction: When Good Code is Bad Code” by Michael Thiessen (https://michaelnthiessen.com/paradox-of-abstraction) Dunning-Kruger effect (https://en.wikipedia.org/wiki/Dunning%E2%80%93Kruger_effect) Gold plating (project management) (https://en.wikipedia.org/wiki/Gold_plating_(project_management)#:~:text=From%2520Wikipedia%252C%2520the%2520free%2520encyclopedia,the%2520point%2520of%2520diminishing%2520returns.) Provide/Inject Have Nothing to Do With Dependency Injection by Michael Thiessen (https://michaelnthiessen.com/provide-inject-not-dependency-injection/) How to Take Smart Notes (https://bookshop.org/books/how-to-take-smart-notes-one-simple-technique-to-boost-writing-learning-and-thinking-for-students-academics-and-nonfiction-book-writers/9781542866507) (Sönke Ahrens; mentioned in episode 23 (https://enjoythevue.io/episodes/23/)) Floor is Lava-Netflix (https://www.netflix.com/title/81006858) Clean Components Course by Michael Thiessen (https://michaelnthiessen.com/clean-components) Zettelkasten-How One German Scholar Was So Freakishly Productive (https://writingcooperative.com/zettelkasten-how-one-german-scholar-was-so-freakishly-productive-997e4e0ca125) Amazon prime wardrobe (https://www.amazon.com/learn-more-prime-wardrobe/b?ie=UTF8&node=16122413011) Kobo e-Reader (https://us.kobobooks.com/) Foam (https://foambubble.github.io/foam/) Eurovision Song Contest:The Story of Fire Saga (https://en.wikipedia.org/wiki/Eurovision_Song_Contest:_The_Story_of_Fire_Saga) TwoSet Violin (https://www.twosetviolin.com/home) Special 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 (https://promo.linode.com/vue/) 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 (https://vuepress.vuejs.org/) Vue Enterprise Boilerplate Documentation Reference-Chris Fritz (https://github.com/chrisvfritz/vue-enterprise-boilerplate/tree/master/docs) Vue Enterprise Boilerplate Config-Chris Fritz (https://github.com/chrisvfritz/vue-enterprise-boilerplate/blob/master/.vuepress/config.js) This Dot Labs (https://labs.thisdot.co/) Hexo (https://vuepress.vuejs.org/guide/#how-it-works) Jarvis Johnson-YouTube (https://www.youtube.com/user/VSympathyV) Stardew Valley Wiki Coop (https://stardewvalleywiki.com/Coop) Fireplace “movies” on Netflix (https://www.netflix.com/title/80092835) The Dave Chang Show-“How Asian Americans Can Better Support Black Lives Matter.” (https://www.theringer.com/2020/6/5/21282112/how-asian-americans-can-better-support-black-lives-matter) The Greatest Showman (https://www.imdb.com/title/tt1485796/)

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 (https://promo.linode.com/vue/) 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) (https://training.linuxfoundation.org/training/inclusive-speaker-orientation/) - "Originals" by Adam Grant (https://bookshop.org/books/originals-how-non-conformists-move-the-world-9780143128854/9780143128854) - Adam Grant (https://www.adamgrant.net/) - bad guy but i'm the good guy so i play it in the Major key by TheDreRock (YouTube) (https://www.youtube.com/watch?v=NSBxzFH9eLI) - What Voice Acting in Anime Is Like by Joe Zieja (YouTube) (https://www.youtube.com/watch?v=JmYAhy4mR9U) - Learning How to Learn: Powerful mental tools to help you master tough subjects by Dr. Barbara Oakley (Coursera) (https://www.coursera.org/learn/learning-how-to-learn)

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 (https://promo.linode.com/vue/) 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 (https://www.vuemastery.com/conferences/vueconf-us-2019/back-to-the-vueture-stuck-in-the-event-loop) nextTick (https://vuejs.org/v2/api/#Vue-nextTick) Douglas-Hannah Gadsby (https://www.netflix.com/title/81054700) Managing Up: How to Move Up, Win at Work, and Succeed with Any Type of Boss by Mary Abbajay (https://bookshop.org/books/managing-up-how-to-move-up-win-at-work-and-succeed-with-any-type-of-boss/9781119436683) Queer Eye-Netflix (https://www.netflix.com/title/80160037) Queer Eye: We’re in Japan!-Netflix (https://www.netflix.com/title/81075744) OXO Good Grips Silicone Pastry Mat (https://www.oxo.com/silicone-pastry-mat.html) Hey.com (https://hey.com/) Working in Public: The Making and Maintenance of Open Source Software by Nadia Eghbal (https://nayafia.substack.com/p/22-working-in-public)

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 (https://promo.linode.com/vue/) 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 (https://github.com/chrisvfritz/vue-enterprise-boilerplate) v-tooltip (https://github.com/Akryum/v-tooltip) “Provide/Inject Have Nothing to Do With Dependency Injection” by Michael Thiessen (https://michaelnthiessen.com/provide-inject-not-dependency-injection/) Vue Style Guide: Order of words in component names (https://vuejs.org/v2/style-guide/#Order-of-words-in-component-names-strongly-recommended) Vue Patterns (https://learn-vuejs.github.io/vue-patterns/patterns/#component-declaration) Slay the Spire (Steam) (https://store.steampowered.com/app/646570/Slay_the_Spire/) “Respectability politics: How a flawed conversation sabotages black lives” (https://theundefeated.com/features/respectability-politics-how-a-flawed-conversation-sabotages-black-lives/) Tumblr’s Strangest Obsession: A History of the Onceler Fandom (https://www.youtube.com/watch?v=us5Y_Kba7To) “Acrimony is the worst Tyler Perry movie OF ALL TIME.” (https://www.youtube.com/watch?v=IoaTIGeeJ78) Avatar: The Last Airbender (https://en.wikipedia.org/wiki/Avatar:_The_Last_Airbender) deadmau5-“Superliminal” (https://www.youtube.com/watch?v=hKqprJwWH4M) EventBus (https://github.com/google/guava/wiki/EventBusExplained)

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 (https://promo.linode.com/vue/) 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 (https://twitter.com/youyuxi) Evan You GitHub (https://github.com/yyx990803) Evan You Blog (https://evanyou.me/) Vite GitHub Repo (https://github.com/vitejs/vite) VitePress GitHub Repo (https://github.com/vitejs/vitepress) “The Lord is Out of Control” by Mogwai (https://www.youtube.com/watch?v=KbwIFzxD1-w) “Atlas” by Battles (https://www.youtube.com/watch?v=lBlVeieFqKc) Miro (https://miro.com/) Remo.co (https://remo.co/) Nuxt Content (https://content.nuxtjs.org/) Increment Magazine (https://increment.com/) “Making Vue 3” by Evan You (https://increment.com/frontend/making-vue-3/) “Pink Collar” by Jennifer Pan (https://jacobinmag.com/2014/06/pink-collar) How to Take Smart Notes by Sönke Ahrens (https://bookshop.org/books/how-to-take-smart-notes-one-simple-technique-to-boost-writing-learning-and-thinking-for-students-academics-and-nonfiction-book-writers/9781542866507) Melodica (https://en.wikipedia.org/wiki/Melodica) Special 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 (https://promo.linode.com/vue/) Segment (https://segment.com/) 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) (https://enjoythevue.io/episodes/16/) Joi-The most powerful data validation library for JS (https://github.com/hapijs/joi) GloomyLumi Twitter (https://twitter.com/gloomylumi?lang=en) GloomyLumi Twitch (https://www.twitch.tv/gloomylumi) “Storm” by Godspeed You! Black Emperor (https://www.youtube.com/watch?v=5eZ_TgE3x_A) Community-TV show (https://en.wikipedia.org/wiki/Community_(TV_series)) “Untamed” by Glennon Doyle (https://bookshop.org/books/untamed-9781984801258/9781984801258) Miro (https://miro.com/) We Have Concerns-podcast (https://www.stitcher.com/podcast/anthony-carboni/we-have-concerns) “An Elegant Puzzle” (https://lethain.com/elegant-puzzle/) Sky adventure game (https://play.google.com/store/apps/details?id=com.tgc.sky.android&hl=en_US) Whimsical (https://whimsical.com/) “The Manager’s Path” by Camille Fournier (https://bookshop.org/books/the-manager-s-path-a-guide-for-tech-leaders-navigating-growth-and-change/9781491973899) Lost in Space-Netflix (https://www.netflix.com/title/80104198)

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 (https://promo.linode.com/vue/) Picks: - Ari - "Storm" Godspeed You! Black Emperor (https://www.youtube.com/watch?v=5eZ_TgE3x_A) - Chris - Community (https://en.wikipedia.org/wiki/Community_(TV_series)) (TV show - I know I'm late to the party) - Untamed (https://bookshop.org/books/untamed-9781984801258/9781984801258) by Glennon Doyle (book) - Miro (http://www.miro.com) (flowcharting webapp) - We Have Concerns (https://www.stitcher.com/podcast/anthony-carboni/we-have-concerns)- Podcast - Tessa - Lost in Space (2019) (https://www.netflix.com/title/80104198) (Netflix) - The Manager's Path (https://bookshop.org/books/the-manager-s-path-a-guide-for-tech-leaders-navigating-growth-and-change/9781491973899) by Camille Fournier (Book) - Ben - Whimsical (http://www.whimsical.com) - Wireframe / Whiteboard Collaboration - Matt - An Elegant Puzzle (https://lethain.com/elegant-puzzle/) - Book about the art of managing in software companies - Ringo - Sky (https://play.google.com/store/apps/details?id=com.tgc.sky.android&hl=en_US) - Adventure game Resources mentioned: - Jack Koppa's Episode on Enjoy the Vue (https://enjoythevue.io/episodes/16/) - https://github.com/hapijs/joi (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 (https://promo.linode.com/vue/) Resources mentioned: David Khourshid Twitter (https://twitter.com/DavidKPiano?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor) David Khourshid GitHub (https://github.com/davidkpiano) David Khourshid-CodePen (https://codepen.io/davidkpiano?__cf_chl_jschl_tk__=d9660a1d62fa6c2e32de33fec46b5bf44ae50acb-1590537654-0-ARZfgByyedKwLNEHq3PjUtIiIYzTDmxdd2ofmN0GHO721VSK5VQxixvVB9Sk_Q4I3q8x8q6ri5U7PrInGcs9t23afSy1o2YLl2vdPEl4ARL6Y5ZFn3sW0RNORy0HqvCUpFK1tW13S-sNsjub0CCJ9yeqU5GbFbkxJtr84mQh-KdiH2Y_MJvF_yfN7BYCAqwGsUtYYU3JouXE87J_cSqlE7XENp3xg6qvYCtGZl24rDzN1QxxQV0J0NJNcHJAJIk3Nyykpg3tF0NBzqEwH7Krs74prQyZNaEwfQwewIisplrl49Be4if6MX5YZxRm1DKYBO5Lhdai9CwUGipePSE29gC4CuIwpS1m8kIuf4DI0SA_) Enjoy the Vue-Episode 11, Test Driven Development (feat. Sarah Dayan) (https://enjoythevue.io/episodes/11) Erik Mogensen (https://github.com/mogsie) Statecharts (https://statecharts.github.io/) State Chart XML (SCXML) W3 Spec (https://www.w3.org/TR/scxml/) Figma Plugin to XState (https://github.com/ddanielbee/figma-fsm) XState-Usage with Vue (https://xstate.js.org/docs/recipes/vue.html) DefinitelyTyped Repo (https://github.com/DefinitelyTyped/DefinitelyTyped) The Keyframers (https://keyframe.rs/) “Phoenix Wright: Ace Attorney- Dual Destinies (3DS, IOS, Android) (https://en.wikipedia.org/wiki/Phoenix_Wright:_Ace_Attorney_%25E2%2580%2593_Dual_Destinies) “Ten Second Songs”-YouTube (https://www.youtube.com/user/TenSecondSongs/about) “So You Want to Talk About Race” (https://bookshop.org/books/so-you-want-to-talk-about-race/9781580058827) “Explosions In the Sky” by Disintegration Anxiety (https://www.youtube.com/watch?v=xT2UmlUmDQI) “Dead to Me”-Netflix (https://www.netflix.com/title/80219707) “Using State Machines in Vue.js with XState” by Sarah Dayan (https://frontstuff.io/using-state-machines-in-vuejs-with-xstate) midi.city (https://midi.city/) Acer Predator Triton 500 (https://www.acer.com/ac/en/US/content/predator-series/predatortriton500) Special 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 (https://promo.linode.com/vue/) Resources mentioned: Tessa Twitter (https://twitter.com/halftes6?lang=en) “All Day And Night” by Jax Jones (https://open.spotify.com/album/1VQjtx21AAQnQe442bJssW?highlight=spotify:track:33CfD8UkDEcSdAP9j4QpUY) “The Perfect Match”- Netflix (https://www.netflix.com/title/81020577) YouTube News (https://www.youtube.com/channel/UCYfdidRxbB8Qhf0Nx7ioOYw) “How Women Rise,” by Sally Helgesen and Marshall Goldsmith (https://bookshop.org/books/how-women-rise-break-the-12-habits-holding-you-back-from-your-next-raise-promotion-or-job/9780316440127) The Office Cast Reunites for Zoom Wedding on “Some Good News” with John Krasinski (https://www.youtube.com/watch?v=NDjNX3nEfYo)

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 (https://promo.linode.com/vue/) Panelists: Chris Fritz Ari Clark Tessa Ben Hong Links: Ari Clark (GloomyLumi) Twitter (https://twitter.com/gloomylumi?lang=en) Ben Hong Twitter (https://twitter.com/bencodezen?lang=en) Tessa Twitter (https://twitter.com/halftes6?lang=en) Chris Fritz Twitter (https://twitter.com/chrisvfritz?lang=en) Connect.Tech 2019 (https://www.vuemastery.com/conferences/connect-tech-2019/) Components Basics (https://vuejs.org/v2/guide/components.html) Reusable Components with Props (https://vuejs.org/v2/guide/components.html) Buttons (https://vuetifyjs.com/en/components/buttons/) Slots (https://vuejs.org/v2/guide/components-slots.html) Maps (https://vuejsexamples.com/tag/maps/) Icons (https://vuetifyjs.com/en/components/icons/) Composition API (https://composition-api.vuejs.org/api.html#setup) “Mythic Quest” (https://tv.apple.com/us/show/mythic-quest-ravens-banquet/umc.cmc.1nfdfd5zlk05fo1bwwetzldy3) “Animal Crossing” (https://animal-crossing.com/)  “Lonely”-Joel Corry (https://open.spotify.com/album/3zxRCukRL1NQC4vo7ipUet?highlight=spotify:track:2ZEq4HT450Ye9IFGPTl9qV) “Westworld”-Season 3 (https://www.hbomax.com/?utm_id=sa%7c71700000066889214%7c58700005866085338%7cp53631645393&gclid=EAIaIQobChMI7I6349LI6QIV7z6tBh1ZSg8zEAAYASAAEgJvAPD_BwE&gclsrc=aw.ds) “Why Zoom Is Terrible”-NY Times (https://www.nytimes.com/2020/04/29/sunday-review/zoom-video-conference.html) “Supernatural VR on the Quest” (https://www.oculus.com/experiences/quest/1830168170427369/?locale=en_US) Dependency Injection in Vue - Alex Riviere (https://vimeo.com/384465021)

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 (https://promo.linode.com/vue/) Panelists: Ari Clark Tessa Ben Hong Guest: Debbie O’Brien Links: Debbie O’Brien Twitter (https://twitter.com/debs_obrien?lang=en) Debbie O’Brien Website (https://debbie.codes/) Debbie O’Brien Dev.to (https://debbie.codes/) NuxtJS (https://nuxtjs.org/) Headless CMS (https://headlesscms.org/) DevAroundThe Sun (https://devaroundthesun.org/) “Fetch The Bolt Cutters”-Fiona Apple (https://open.spotify.com/album/0fO1KemWL2uCCQmM22iKlj) “Psych Binge-a-thon”-USA Network (https://www.usanetwork.com/psych/blog/biggest-psych-binge-a-thon-ever-coming-this-april) Just Shoot Me-“Hostess to Murder” episode (https://www.imdb.com/title/tt0617910/?ref_=fn_al_tt_1) Final Cut Pro X (https://www.apple.com/final-cut-pro/) “Making the Cut”-Amazon Prime (https://www.amazon.com/Making-the-Cut/dp/B084ZHRMNN) Tim Benniks-YouTube Interview with Debbie O’Brien (https://www.youtube.com/watch?v=aw4nl6hGjb0) “Surrounded by Idiots” book (https://www.amazon.com/Surrounded-Idiots-Behavior-Effectively-Communicate/dp/1250179947/ref=tmm_hrd_swatch_0?_encoding=UTF8&qid=1588824241&sr=8-1) “Money Heist”-Netflix (https://www.netflix.com/title/80192098) “The Big Short”-Amazon Prime (https://www.amazon.com/Big-Short-Christian-Bale/dp/B019969US8) Homemade Bagel Recipe (https://www.sophisticatedgourmet.com/2009/10/new-york-style-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 (https://twitter.com/jackpkoppa?lang=en) Jack Koppa GitHub (https://github.com/jackkoppa) “Psych Binge-a-thon”-USA Network (https://www.usanetwork.com/psych/blog/biggest-psych-binge-a-thon-ever-coming-this-april) Turnip Prophet (https://turnipprophet.io/) "Uncharted Collection" (https://www.playstation.com/en-us/games/uncharted-the-nathan-drake-collection-ps4/) Journey (https://www.playstation.com/en-us/games/journey-ps4/) “Don’t Trust the B----in Apt 23”-Hulu (https://www.hulu.com/series/45ad58c6-79e6-4f6c-bb9a-7a7079251834) “Zumbo’s Just Desserts”-Netflix (https://www.netflix.com/title/80204927?source=35) “Identifying and Harvesting Edible and Medicinal Plants in Wild (and Not So Wild) Places" (https://www.amazon.com/Identifying-Harvesting-Edible-Medicinal-Plants/dp/0688114253/ref=tmm_pap_swatch_0?_encoding=UTF8&qid=1588287043&sr=8-2) Jewelry Loupes (https://www.amazon.com/Best-Sellers-Arts-Crafts-Sewing-Jewelry-Loupes/zgbs/arts-crafts/8090802011) Vue template Interpolation in Vetur (https://vuejs.github.io/vetur/interpolation.html) “Unorthodox”-Netflix (https://www.netflix.com/title/81019069) "Factorio" (https://store.steampowered.com/app/427520/Factorio/) Jack Koppa-Typescript and Vue @Politico (https://www.youtube.com/watch?v=barrBizAqt0) "Nailed It!" (https://www.netflix.com/title/80179138?source=35) Games to play on Zoom for Long-Distance Fun (https://www.elitedaily.com/p/6-games-you-can-play-on-zoom-for-long-distance-fun-22659780) Sponsor: Linode (https://promo.linode.com/vue/) Special 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 (https://twitter.com/amirrustam?lang=en) Cypress (https://www.cypress.io/) Vue.js (https://vuejs.org/) “Future Man”-Hulu (https://www.hulu.com/series/future-man-6771f12e-3195-4844-b489-f21732aa789b?&cmp=8762&utm_source=google&utm_medium=SEM&utm_campaign=CM_SEM_FutureMan%20_Launch_Q4_2017&utm_term=future%20man%20hulu&ds_rl=1251123&gclid=CjwKCAjwv4_1BRAhEiwAtMDLso6cGBTOq16_q_6HQYWvI5Y5XjdEJqJunSdUq-NqD-yFirZ69WziQxoCPf8QAvD_BwE&gclsrc=aw.ds) “Seamonkey” and “Porc #1” by Moderat (https://open.spotify.com/album/2HEh23ogCT3wiYfag2iMxD?highlight=spotify:track:7yQYuDWHOcEwngp2cYmQkC) “Waitress” soundtrack by Sara Bareilles (https://open.spotify.com/album/1s6codM2ZAB008t9GTyaEk) Houseparty app (https://houseparty.com/) Whimsical (https://whimsical.com/) “Super-sized Psychtacular Binge-a-thon”-USA Network (https://www.usanetwork.com/psych/blog/biggest-psych-binge-a-thon-ever-coming-this-april) YouTube Full Body Flow-Yoga With Adriene (https://www.youtube.com/watch?v=b1H3xO3x_Js) Mentorship (https://www.micromentor.org/) Zoom Virtual Background (https://support.zoom.us/hc/en-us/articles/210707503-Virtual-Background?mobile_site=true) ASUS PA329Q 32” 4K monitor (https://www.amazon.com/ASUS-PA329Q-3840x2160-ProArt-Monitor/dp/B01F6D1ITM) Sponsor: Linode (https://promo.linode.com/vue/) Special 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 (https://grain-lang.org/) Tidelift (https://tidelift.com/) Oscar Spencer GitHub (https://github.com/ospencer) Oscar Spencer Twitter (https://twitter.com/oscar_spen) “Phantom/Phantom PTII” by Justice (https://open.spotify.com/album/41solTO3bJJh1OTzBF1GUo?highlight=spotify:track:5lUgSJ3ebUXX57qBMCyYQw) Community (https://www.netflix.com/title/70155589?source=35) Steam (https://store.steampowered.com/about/) Oh Wonder (https://open.spotify.com/artist/5cIc3SBFuBLVxJz58W2tU9?autoplay=true&v=A) Factorio (https://store.steampowered.com/app/427520/Factorio/) Animal Crossing: New Horizons (https://animal-crossing.com/new-horizons/?cid=N1043-01:ch=pdpd&sid=1105) Psych (https://www.usanetwork.com/psych) Travelers (https://www.netflix.com/title/80105699?source=35) Sponsor: Linode (https://promo.linode.com/vue/) Special 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 (https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en) “Half-Life:Alyx” (https://store.steampowered.com/app/546560/HalfLife_Alyx/) “Steven Universe Future” (https://www.cartoonnetwork.com/video/steven-universe-future/index.html) VS Code Live Share (https://code.visualstudio.com/blogs/2017/11/15/live-share) “Ugly Delicious” (https://www.netflix.com/title/80170368) “Don’t Starve Together” (https://store.steampowered.com/app/322330/Dont_Starve_Together/) “Drawful 2” (https://store.steampowered.com/app/442070/Drawful_2/) 4 Best Tarot Card Courses (https://digitaldefynd.com/best-tarot-card-courses/) “Animal Crossing” Photoshoot with Jessica Kobeissi (https://www.youtube.com/watch?v=uealnKLfahs) “Since You Asked Kindly,” by BadBadNotGood (https://open.spotify.com/album/5f3qVIuumpJ7HZX58nM44B?highlight=spotify:track:42EepltXfZ9XjwsA4H5E3Y) “The Last Man on Earth” (https://www.hulu.com/series/ebb4d292-6d2c-4b93-98e6-b03406954151) Sponsor: Linode (https://promo.linode.com/vue/)

Sponsored By: Show Notes About our guest: Eduardo San Martin Morote - Twitter @posva (https://twitter.com/posva?lang=en) - Website (https://esm.dev/) - Github (https://github.com/sponsors/posva) [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” (https://store.steampowered.com/app/632470/Disco_Elysium/) and a show called, “Dollface” (https://www.hulu.com/series/5e0e449e-6bc7-4b29-8255-bc5a5f5a9f0d) on Hulu. [00:56:20] Ari’s has two picks: A game called, “Animal Crossing: New Horizons” on Nintendo Switch (https://www.nintendo.com/games/detail/animal-crossing-new-horizons-switch/). Her other pick is two songs by the group, Explosions In The Sky, called, “The Birth and Death of the Day” (https://open.spotify.com/album/1hXFXoYkWp7Jbzc2nwhvub?highlight=spotify:track:5yYvVixfmnL5BrcJVsscrT) and “The Wilderness” (https://open.spotify.com/album/79X3DX8IqI3jZXQvsrFiDV). [00:57:24] Eduardo’s has three picks: A game called, “Resident Evil 2” (https://www.residentevil2.com/) and a Korean show called “Kingdom” (https://www.netflix.com/title/80180171?source=35) and “The Platform” (https://www.netflix.com/title/81128579?source=35) on Netflix . [01:01:26] Tessa’s has two picks: She is going with Ari’s recommendation of the game, “Animal Crossing: New Horizons” (https://www.nintendo.com/games/detail/animal-crossing-new-horizons-switch/)” and a retro pick for her which is a book called, “The Art of Gathering: How We Meet and Why It Matters” (https://www.amazon.com/Art-Gathering-How-Meet-Matters/dp/1594634920/ref=tmm_hrd_swatch_0?_encoding=UTF8&qid=1585603268&sr=8-1). Other resources mentioned - Vue Router (https://router.vuejs.org/) - Nuxt-style routing in regular Vue apps (https://github.com/egoist/routes-generator) - Vue Enterprise Boilerplate routing docs (https://github.com/chrisvfritz/vue-enterprise-boilerplate/blob/master/docs/routing.md) - Alternative routing strategies (https://github.com/chrisvfritz/vue-2.0-simple-routing-example) - Eduardo's GitHub Sponsors - Vue Land Discord vue.land (http://vue.land)/chat.vuejs.org (http://chat.vuejs.org/) Sponsor: Linode (https://promo.linode.com/vue/) Special 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 (https://twitter.com/frontstuff_io) - Website (https://sarahdayan.dev/) Sarah's picks - XState (state machines/statecharts library) (https://xstate.js.org/) - Vuex ORM (object-relational mapping access to the Vuex store) (https://github.com/vuex-orm/vuex-orm) - The 100 on Netflix (https://www.netflix.com/title/70283264) - Master of None on Netflix (https://www.netflix.com/title/80049714) Tessa's picks - The Good Place - NBC/Netflix (https://www.nbc.com/the-good-place) - Anne with an E - Netflix (https://www.netflix.com/title/80136311) - Dispatches from Elsewhere - AMC (https://www.amc.com/shows/dispatches-from-elsewhere) - 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 (https://weshouldgettogether.com/products/epub-we-should-get-together-the-secret-to-cultivating-better-friendships)) - Animal Crossing - Switch (https://www.animal-crossing.com/new-horizons/) - Vue DC remote meetup (https://www.meetup.com/Vue-DC/) Other resources mentioned - Pro Plan Algolia - Help Coronavirus (https://blog.algolia.com/supporting-our-communities-during-this-time-of-need/) - Testing Library by Kent C Dodds (https://kentcdodds.com/blog/introducing-the-react-testing-library) - Dinero.js - Sarah Dayan (https://dinerojs.com/) Sponsor: Linode (https://promo.linode.com/vue/) Special 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 (https://twitter.com/marialamardo?lang=en) Maria Lamardo's Linkedin (https://www.linkedin.com/in/marialamardo) Pendo (https://www.pendo.io/) Color Oracle (https://colororacle.org/) Vimium (https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb?hl=en) Cuid (https://github.com/ericelliott/cuid) Focus Indicator (https://chrome.google.com/webstore/detail/focus-indicator/heeoeadndnhebmfebjccbhmccmaoedlf?hl=en-US) CB Averitt (https://www.deque.com/blog/author/cb/) Vue Enterprise Boilerplate base-link component (https://github.com/chrisvfritz/vue-enterprise-boilerplate/blob/master/src/components/_base-link.vue) GitHub Ally Organization () Rob Dodson-A11ycasts on YouTube (https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g) Vue School-Web Accessibility with Maria (https://vueschool.io/courses/web-accessibility-fundamentals) “The Light” by The Album Leaf (https://open.spotify.com/album/1nNiEgpGPe2Sxy9fCxlIYW?highlight=spotify:track:3YlJKAnvDjHNFjFVy2MXMG) “Da Funk” by Daft Punk (https://open.spotify.com/album/5uRdvUR7xCnHmUW8n64n9y?highlight=spotify:track:0MyY4WcN7DIfbSmp5yej5z) Disco Elysium (https://store.steampowered.com/app/632470/Disco_Elysium/) VS Code shortcut (https://code.visualstudio.com/docs/getstarted/tips-and-tricks) Web Accessibility Talk at VueConf with Maria (https://www.youtube.com/watch?v=mHubDB6DIfE) “Survivor”-Season 33 (https://www.cbs.com/shows/survivor/episodes/33/) Sponsor: Linode (https://promo.linode.com/vue/) Special Guest: Maria Lamardo.

Get started with Vue Test Utils (https://vue-test-utils.vuejs.org/) Guest information Lachlan Miller Twitter @Lachlan19900 (https://twitter.com/Lachlan19900) Github (https://github.com/lmiller1990/) Blog/Website (vuejs-course.com/) Book about Vue testing (https://lmiller1990.github.io/vue-testing-handbook/) Picks: Talks from Vue Amsterdam, Vue 3 source code, the movie "Parasite". Name: Jessica Sachs Twitter @_JessicaSachs (https://twitter.com/_JessicaSachs) Github (https://github.com/JessicaSachs) 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 (https://www.enjoythevue.io/episodes/9) * Follow the podcast on Twitter (https://twitter.com/enjoythevuecast) and Instagram (https://instagram.com/enjoythevuecast) * Podcast website (https://enjoythevue.io/) Mocking, Stubbing, Mount, Shallow Mount (https://vue-test-utils.vuejs.org/guides/common-tips.html) Vue.js-course (http://vuejs-course.com/) Vue.js testing handbook (https://lmiller1990.github.io/vue-testing-handbook/) Vue.js documentary (https://laravel-news.com/vuejs-documentary) Sponsor: Linode (https://promo.linode.com/vue) Special 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: Linode Special 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 (https://www.enjoythevue.io/episodes/4) Follow the podcast on Twitter (https://twitter.com/enjoythevuecast) and Instagram (https://instagram.com/enjoythevuecast) Podcast website (https://enjoythevue.io/) 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 (https://twitter.com/jenlooper) Github: jlooper (https://github.com/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 (https://enjoythevue.io/episodes/3/) Follow the podcast on Twitter (https://twitter.com/enjoythevuecast) and Instagram (https://instagram.com/enjoythevuepodcast) Podcast website (https://enjoythevue.io/) 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 (https://enjoythevue.io/episodes/2/) Follow the podcast on Twitter (https://twitter.com/enjoythevuecast) and Instagram (https://instagram.com/enjoythevuecast) Podcast website (https://enjoythevue.io/)

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 (https://enjoythevue.io/episodes/1/) Follow the podcast on Twitter (https://twitter.com/enjoythevuecast) and Instagram (https://instagram.com/enjoythevuecast) Podcast website (https://enjoythevue.io/)