Enjoy the Vue

Enjoy the Vue

The Enjoy the Vue Team
Episode 47: New in Vue 3: Teleport
Jan 11, 2021 35 min

Episode 47: New in Vue 3: Teleport

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 Enjoy the Vue Teleport (Vue 3 Docs) Teleport (Vue School video) Slots > Props - Michael Thiessen's Newsletter Tessa’s talk (Link TBA) PortalVue vue-simple-portal The Good Place Inception 쌍갑포차 (Mystic Pop-up Bar) Epomaker GK68X Logitech Stream Plus Logitech G604
Episode 46: The Meaning of Vetur, and Other Words, with Pine Wu (Part 2)
Jan 04, 2021 28 min

Episode 46: The Meaning of Vetur, and Other Words, with Pine Wu (Part 2)

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 poolside.fm How to Hack a Painting, Tyler Hobbs Future of Coding The New Media Reader, edited by Nick Montfort and Noah Wardrip-Fruin Tessa's picks: Moft Z 5-in-1 Sit-Stand Desk The Dance of Anger, Harriet Lerner Ph.D., read by Barbara Caruso Chilling outside in cars https://parametric.press/issue-01/unraveling-the-jpeg Pine's photography Ben's picks: Sponsor Pine on GitHub Ari's picks: Renpure Rosemary Mint Cleansing Conditioner Links Mentioned in Today’s Episode: Pine Wu on GitHub Pine Wu on Twitter Pine Wu Blog Vetur Mrmrs Von, 菅野 よう子 (Kanno Yōko), ft. Arnór Dan Arnarson 残響のテロル (Zankyō no Teroru) / Terror in Resonance Tyler Hobbs’s Guide to Simulating Watercolor Paint Inventing on Principle Structure and Interpretation of Computer Programs Pollen Beautiful Racket Hackers and Painters Bret Victor Enjoy the Vue on Twitter Special Guest: Pine Wu.
Episode 45: The Meaning of Vetur, and Other Words, with Pine Wu (Part 1)
Dec 28, 2020 24 min

Episode 45: The Meaning of Vetur, and Other Words, with Pine Wu (Part 1)

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 Pine Wu on Twitter Pine Wu Blog Vetur Mrmrs Von, 菅野 よう子 (Kanno Yōko), ft. Arnór Dan Arnarson 残響のテロル (Zankyō no Teroru) / Terror in Resonance Tyler Hobbs’s Guide to Simulating Watercolor Paint Inventing on Principle Structure and Interpretation of Computer Programs Pollen Beautiful Racket Hackers and Painters Bret Victor The New Media Reader Enjoy the Vue on Twitter Special Guest: Pine Wu.
Episode 44: CSS, Sass, and Playwriting with Miriam Suzanne
Nov 30, 2020 1 hr 2 min

Episode 44: CSS, Sass, and Playwriting with Miriam Suzanne

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 Miriam Suzanne on LinkedIn Miriam Suzanne on GitHub Miriam Suzanne OddBird Teacup Gorilla Grapefruit Lab Riding Sidesaddle The Post-Obsolete Book Why is CSS So Weird? Storybook Mozilla Developer on YouTube CSS The Card Game Tierney's gist for playing Among Us "locally" Theragun Funny Style Stages by Stephanie Eckles Layout Land on YouTube ASLU Dictionary by Bill VicarsFreedom is a Constant Struggle Queen Incomplete List of Mistakes in the Design of CSS Enjoy the Vue on Twitter Enjoy the Vue Special Guest: Miriam Suzanne.
Episode 43: What Can Games Teach Us About UI Design? With Felix Park (Part 2)
Nov 23, 2020 18 min

Episode 43: What Can Games Teach Us About UI Design? With Felix Park (Part 2)

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

Episode 42: What Can Games Teach Us About UI Design? With Felix Park (Part 1)

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

Episode 41: From Individual Contributor to Manager with David Ashe (Part 2)

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

Episode 40: From Individual Contributor to Manager with David Ashe (Part 1)

Our guest today is David Ashe, with guest panelist Amal Hussein. Shownotes and links coming soon! Special Guests: Amal Hussein and David Ashe.
Episode 39: Applying to Speak at Conferences
Oct 26, 2020 52 min

Episode 39: Applying to Speak at Conferences

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!
Episode 38: Community is Everything: Open Source with Henry Zhu (Part 3)
Oct 19, 2020 23 min

Episode 38: Community is Everything: Open Source with Henry Zhu (Part 3)

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