Enjoy the Vue
Sep 30, 2020 45 min
Episode 35: Mobilizing the Web with Mike Hartington
Key Points From This Episode: A little bit about Mike's work on Cordova and frameworks for hybrid apps. The birth of progressive web apps and events that preceded this. The Capacitor project — a spiritual successor to Cordova. Understanding the template blocks and web and mobile iterations. Comparing writing in Capacitor with comparable alternatives such as Swift. The shipping process and adhering to design guidelines with Capacitor. The relationship between Capacitor and Ionic — possibilities for integration. App deployment and moving things onto a mobile device. Getting up and running — the ease of entry to working with Capacitor. Learning curves for Capacitor and common pitfalls that Mike has noticed. Privacy and performance constraints for mobile — avoiding unnecessary problems. Debugging web apps and working straight from browsers. Skills necessary for the accessibility processes and overlaps with development. The best places to get help and find information on Capacitor and Ionic. Mike's favorite parts of working on Capacitor and the one thing he would change about it! This week's picks; hardware, music, animation apps, and more! Picks of the week: Tessa Scoped Slots episode Animation apps: - Callipeg (iPadOS) - Rough Animator (Android, iOS, Windows, MacOS) KARE KANO SOUND TRACKS (Shiro Sagisu) Ari Logitech G700s Mike Fall Guys (PS4, Steam) r/DIY (Reddit) Ben Don't Kill My Vibe (Sigrid) Fall Guys (PS4, Steam) Resources mentioned: Capacitor Capacitor discussions Ionic Framework Forum Special Guest: Mike Hartington.
Sep 21, 2020 44 min
Episode 34: Organizing Conferences and Events with Kevin Lewis
Key Points From This Episode What brought Kevin to the Vue ecosystem, after struggling with the “magic” of React. What Kevin’s day-to-day is like at Vonage when it comes to organizing events. Shifting to virtual conferences and events, and how Kevin’s team has gone on to help others. Some of the software Kevin has used for virtual conferences, like Remo and StreamYard. Women of React was the first remote conference Kevin organized, and he learned a lot! Event organizing versus remote conferencing – how Kevin started his career and what he thinks is lost when an event goes virtual. Typical things Kevin sees conference organizers get wrong, from access points and WiFi to food, networking, and plants in the audience. Scheduling – planning breaks, based on content of the conference, facilities, and buffer time. It’s your responsibility as an event organizer to make sure that speakers feel respected. When it comes to Q&A sessions, Kevin has some tips fro making sure it’s moderated well. Kevin asks the panel what makes an event good for them as attendees – Ari says the hallway track or time between talks is vital. Ben says he appreciates guidance for newer attendees on after parties and dinners, etc. Tessa’s feedback includes structured activities for attendees to mingle, like bowling. A firm structure for events and locations seems like a low barrier to entry, but it’s crucial. Over-communicating is critical! Your audience needs to know if things in the program change. Single-track versus multi-track conferences – it depends what you’re trying to achieve. Selecting speakers – Kevin reacts to Ben’s story of a conference with a blind CFP survey. Kevin talks about BarCamp London and the simple concept of an unconference. The CFP or talk selection process, and Kevin’s take on it for an event like You Got This. Keynote spots are a way to course-correct if your lineup isn’t diverse or goes off the rails. The value of a mentorship program for first-time speakers to encourage and support them. Picks of the week: Tessa Emma (Comic) 킹덤 (Kingdom) (Kdrama) Ari Stateless (Netflix) Kevin YouGotThis (Conference) EventHandler (Newsletter) Ben VueConf Toronto Connect.Tech Resources mentioned: Vonage API Developer Platform Women of React VueConf US 2020 Adulting.Dev DevConf BarCamp London humansconf Remo StreamYard Kingdom of the Gods by Kim Eunhee & Yang Kyungil Distant Sky by Yoon Inwan & Kim Sunhee Special Guest: Kevin Lewis.
Sep 18, 2020 19 min
Episode 33: Vue 3 is Live!
Show Notes TBD Picks of the week: Ari Doctor Foster (BBC) Doom Patrol (HBO Max) Tessa Physical therapy Rahul Fall Guys (Game) The Dip, Seth Godin (Book) Ben Hades Early Access (Game) Rush Hour (1998) (Movie) Resources mentioned: Teleport Fragments v-on="$listeners" deprecation Vue 3 Compiler Composition API Vue 3 Official Site Vue 2 to Vue 3 Migration Guide
Sep 14, 2020 1 hr 1 min
Episode 32: Career Growth and Work–Life Balance
Show Notes [00:01:28] Tessa tells us a little about a blog post by Pine Wu and everyone shares their thoughts on being a developer. [00:05:37] The panelists tell us what their relationship to development is right now and how do they strike that balance. [00:15:02] Chris talks about developers around the world, how different their work schedule is, and the pressure for developers to make every moment optimal. Ari, Ben, and Tessa share their thoughts with the work hard mentality and imposter syndrome. [00:23:35] Chris talks about the Deci and Ryan Self Determination Theory about how humans are motivated and has an awesome personal story to share. ☺ [00:28:06] Ben shares some thoughts about being in tech, work life balance and spending time doing other things that are most important to you. Ari shares some thoughts about constantly evaluating what’s important to you. [00:33:29] Chris talks about his cognitive capacity and needing cycles in his work life and Tessa talks about struggles with employers and co-workers and having to be in constant communication with them and being stuck in the same cycles. [00:37:40] Ari tells us her thoughts on how she keeps work life balance while keeping current on skills. [00:40:25] Chris and Ben discuss about not needing to have all the answers, but it’s good to know how to ask the right questions. [00:45:19] Chris shares a story, Ben tells him something inspiring, and Chris, Tessa, and Ari tell us personal stories of things that happened to them with work related issues. [00:48:04] Chris tells us about taking more time for his personal life these days and how money to him is just freedom. The panelists tell us where they are with their work life development and if they are happy or if they want to make changes. [00:53:33] We end with Ari, Chris, Tessa, and Ben sharing wise words of advice. Picks of the week: Chris Outer Wilds Sigrid Ari Alone - Season 6 Tessa The Disaster Artist (film) DARK (Netflix) Ben Essentialism by Greg McKeown (book) Essentialism with Greg McKeown (podcast) Other resources mentioned: On Leaving by Pine Wu Graphic Design is My Passion (Meme) Deci and Ryan Self Determination Theory How to Take Smart Notes (Sönke Ahrens; mentioned in episodes 23 and 28)
Aug 24, 2020 48 min
Episode 31: Navigating Scoped Slots
Aug 17, 2020 1 hr 19 min
Episode 30: A Discourse on Documentation with Sam Brandt and Natalia Tepluhina
Sponsored By: Show Notes [00:01:15] Sam and Natalia give us a little background of themselves. [00:03:21] There a lot of different kinds of documentation, so a few of the panelists tell us how they were drawn to write documentation and why it’s so important. [00:18:03] We will talk about things that the panelists don’t like about documentation. So, we learn some mistakes they’ve made and regretted, and things they used to do that they’ve since learned this is a much better doing it this other way. Some great advice is given here. ☺ [00:28:14] Ari and Tessa tell us some of their pet peeves when it comes to encountering documentation. [00:32:38] Sam talks about style guides being useful in documentation. Natalia tells us her favorite rules from their internal style guide. [00:39:35] Ari tells us what of her greatest pet peeves when Chris talks about use cases, and then asks him how you land on the right amount of detail in a use case example. [00:47:32] Tessa wants to know how to keep docs up to date, how to manage the really simple specific idea, and how to guide people between that liminal space. [00:52:48] Speaking of automation, Chris tells us something he’s done in a pre-commit hook for project documentation and Natalia and Ben have something to add as well. [00:56:50 ] Tessa asks what are some good practical tips that she can apply to a document more effectively and be advocate for documentation in a company. Great advice is given here by the panelists. ☺ [01:07:41] Natalia and Sam tell us where you can find them on the internet. Also, if you’re looking for a job as a technical writer, Sam gives a plug for their good friend who has a technical writing consulting business, called Good Words (link below). Picks of the week: [01:08:53] Tessa has four picks: Shadazzle, Dr. Tung’s Ionic Toothbrush, Sänger Hot Water Bottle, and a book, On Writing Well, by William Zinsser. [01:10:22] Ari has two picks: Cypress.io and singer, Donny Benét. [01:12:12] Ben has three picks: A show on Netflix called, TWogether, Starship Command Prompt, and Nerd Fonts. [01:14:11] Natalia has two picks: Vue CLI 4.5 and Taylor Swift’s folklore album (Spotify). [01:15:44] Chris has three picks: Taylor Swift’s folklore album, two songs: Exile and My Tears Ricochet, OXO Good Grips Easy-Clean Compost Bin, and G Ganen Foldable Bathtub. [01:17:38] Sam has three picks: A book, The City We Became by N.K. Jemisin, The Okra Project, and The Old Guard on Netflix. Sponsor: Honeybadger Resources mentioned: Natalia Tepluhina Website Natalia Tepluhina Twitter Sam Brandt Website Sam Brandt Instagram NaNoWriMo Good Words LLC Shadazzle Dr. Tung's ionic toothbrush Sänger Hot Water Bottle On Writing Well by William Zinsser Cypress.io Donny Benét TWogether-Netflix Starship Command Prompt Nerd Fonts Vue CLI 4.5 Taylor Swift- folklore OXO Good Grips Easy-Clean Compost G Ganen Foldable Bathtub The City We Became by N.K. Jemisin The Okra Project The Old Guard-Netflix Special Guests: Natalia Tepluhina and Sam Brandt.
Aug 10, 2020 1 hr 2 min
Episode 29: Start With Logging: A Whirlwind Tour of the Many Worlds of Debugging with Amal Hussein
Show Notes [00:03:13] Amal tells us her background story and Tessa asks about her interests with debugging and why she is so passionate about it. [00:07:22] Amal tells us her journey to debugging, how she got better at it, and if she was trying to teach somebody who’s new to debugging where they would start. [00:11:26] Ari and Ben share debugging stories and Amal shares some advice. [00:22:29] Tessa tells us experiences she’s had with Vue and getting bugs and it’s been a common experience across Vue, Angular, Angular JS, and React, so she wants to know when you get into this kind of situation what would you do there? [00:26:48] Amal talks more about the profiling part. [00:32:30] For all the beginners out there in terms of performance for the front end, Amal shares a tip for starting out. [00:37:15] Ari asks Amal how do you break that habit in an organization of just assuming that because a bug manifests in the UI that it’s a UI problem? [00:42:08] In regard to logging, Amal tells us her thoughts on the application monitoring tools, like Sentry. [00:46:25] Having good Handshakes between the errors is discussed more in depth. [00:53:48] Amal gives us a quick hit list of when, how, and why you would debug, and best practices for debugging. She mentions console.trace and minds are blown! [00:00:00] Amal tells us where you can find her on the internet. Picks of the week: [00:57:15] Ben has two picks: A show called, When I See You Again (Netflix) and Diablo 3 (PC / Mac / Switch / PS4 / XBOX. [00:58:27] Ari has two picks: A show called, An Evening with Beverly Luff Linn (Netflix) and HelloFresh. [00:59:22] Amal has two picks: A show called, Indian Matchmaking (Netflix) and The Web. [01:01:39] Tessa has two picks: A show called, Crash Landing on You (Netflix) and Phoenix Wright: Ace Academy-Spirit of Justice (iOS, Android, N3DS). Resources mentioned: Amal Hussein Twitter Amal Hussein GitHub Pino-GitHub Sentry Console.trace When I See You Again - Netflix Diablo 3 (PC / Mac / Switch / PS4 / XBOX An Evening with Beverly Luff Linn - Netflix HelloFresh Indian Matchmaking - Netflix The Web 사랑의 불시착 (Crash Landing on You) - Netflix Phoenix Wright: Ace Attorney − Spirit of Justice (iOS, Android, N3DS) Special Guest: Amal Hussein.
Aug 03, 2020 55 min
Episode 28: Clean Components with Michael Thiessen
Show Notes [00:00:45] Michael talks about his blog and how he got started with Vue, what his motivation was, and what his first blog post was about. [00:03:21] Reusable components is discussed as well as the biggest pain points that people run into when creating reusable components and what people responded most to. [00:08:16] Tessa asks Michael how would we know when you would reach for something like this inheritable slot in slot solution, since it his recent newsletters he talks about the idea of 6 levels of reusability and is this a tool that developers can use? He also tells us what the process was like to identify the architecture patterns and how he came up with that. [00:10:02] Michael tells what it means it means to have a component that is clean versus a reusable component. [00:14:50] Tessa wants to know how Michael comes up with his ideas and she refers to talk he did at VueConf Toronto 2019. [00:16:38] Chris asks Michael what patterns he’s used in the past that he most regrets. He also tells us why middleware was such a headache after he implemented it. [00:19:53] Michael tells us the component he’s been responsible for that he’s regretted the most. He mentions a blog post he wrote about this. He also mentions the gold plating syndrome. [00:27:19] Tessa asks Michael if she was a developer coming into a project and thinking I want to build a library, how do I decide what works for me or how do I find a balance there? [00:33:19] Chris gives us a really useful tip when he refactors components. [00:42:24] Tessa wants to know when Michael’s blog post will come out about when to use provide and inject and how it’s different from dependency injection. [00:46:02] We wrap up here by finding out where you can find Michael on the internet. Picks of the week: [00:47:24] Ari’s pick is a show called Floor is Lava on Netflix. [00:48:07] Ben has two picks: Clean Components Course by Michael Thiessen and a blog post called, “Zettelkasten-How One German Scholar Was So Freakishly Productive.” [00:50:17] Chris’s pick is Amazon Prime Wardrobe. [00:52:05] Michael’s pick is Kobo e-reader. [00:54:02] Tessa has three picks: Foam, Eurovision Song Contest: The Story of Fire Saga, and TwoSet Violin. Resources mentioned: Michael Thiessen-Twitter Michael Thiessen Michael’s Medium Blog Post-“Checklist for Writing Highly Reusable Components in React and Vue.” “The Paradox of Abstraction: When Good Code is Bad Code” by Michael Thiessen Dunning-Kruger effect Gold plating (project management) Provide/Inject Have Nothing to Do With Dependency Injection by Michael Thiessen How to Take Smart Notes (Sönke Ahrens; mentioned in episode 23) Floor is Lava-Netflix Clean Components Course by Michael Thiessen Zettelkasten-How One German Scholar Was So Freakishly Productive Amazon prime wardrobe Kobo e-Reader Foam Eurovision Song Contest:The Story of Fire Saga TwoSet Violin Special Guest: Michael Thiessen.
Jul 27, 2020 28 min
Episode 27: Are You Not VuePressed
Sponsored By: Show Notes [00:00:50] Ben tells us what VuePress is. [00:01:43] Chris wants to know when he would use VuePress and if there’s some kind of enterprise boilerplate where someone could see an example of an integration with VuePress into a project. [00:04:20] Chris wants to know how Vue Press started and what are its origins? [00:06:17] Chris and Ben tell us what Hexo is. [00:07:36] Ben tells us what the future of VuePress holds and where is it going. [00:10:07] Tessa wonders how does flat structure work with scaffolding and the VuePress structure and she wonders how does VitePress come into play with regards to the future of VuePress? [00:14:59] Tessa wonders if she wants to integrate VuePress into a React project or an Angular project, does she need to worry about having a certain file structure or will she be able to take advantage of that smart feature of Vue Press? [00:16:13] Going back to the idea of being able to include snippets from the code base in VuePress, Tessa feels like there’s some potential for overlap with them, something like Storybooks. She is wondering how you divide the responsibilities between two tools like that. [00:20:09] Chris wants to know if there’s anything else in the future of VuePress that Ben is thinking of or someone else is thinking of something that may or may not even make it into VuePress but it’s a twinkle in someone’s eye? ☺ [00:21:41] Chris has two final questions for Ben. Does VuePress use VuePress for its docs and if people want to learn more about VuePress where do they start? Sponsor: Linode Picks of the week: [00:23:00] Tessa’s pick is Jarvis Johnson on YouTube. [00:23:34] Chris has two picks: Stardew Valley Wiki Coop and Fireplace “movies” on Netflix. [00:25:56] Ben has two picks: A podcast with Chef Dave Chang- “How Asian Americans Can Better Support Black Lives Matter,” and The Greatest Showman soundtrack. Resources mentioned: VuePress Vue Enterprise Boilerplate Documentation Reference-Chris Fritz Vue Enterprise Boilerplate Config-Chris Fritz This Dot Labs Hexo Jarvis Johnson-YouTube Stardew Valley Wiki Coop Fireplace “movies” on Netflix The Dave Chang Show-“How Asian Americans Can Better Support Black Lives Matter.” The Greatest Showman
Jul 20, 2020 45 min
Episode 26: Learning How We Learn
Sponsored By: Show Notes [00:00:50] Ben starts things out by telling us he’s always trying to hack on new technology methods and trying to keep up with new libraries getting released, so he asks Ari and Tessa what would be their first instinct to learn about Vue 3 Teleport? Tessa’s answer is the BEST! [00:04:31] The topics of comments, context, and conference talks are discussed here. [00:11:00] Ben asks Ari when she starts getting into the deeper level things, the written piece, what are some things she finds that have been helpful or things that have not worked when she reads blog posts or those kinds of things? Tessa has some things to share as well. [00:18:40] Ben asks Ari and Tessa when it comes to learning new things, are there things that they have come across, whether it’s writing styles or talks and are there things that get in the way of your learning? [00:24:00] Tessa brings up something in animation called “Onion skinning” and she explains what it does. Ben talks about writing and how it’s a difficult skill which most people don’t have a lot of training in. [00:27:57] The panelists all discuss language in writing code and how the intent is to make something less intimidating, but it frustrates people sometimes. [00:33:01] Tessa tells us a great story here about some advice she got from a product manager she met. Ben also has a great story and advice to share. [00:38:35] Tessa mentions Linux and included language and how it is hard to figure out how to sign up for it, but there is a website that will help you which is linked below. [00:39:15] Tessa talks about learning journeys and how everybody’s situation is slightly different. Ari mentions how it’s a very important skill being able to teach a concept as well as to be able to give constructive feedback. Sponsor: Linode Picks of the week: • [00:42:07] Ben’s pick is a book called, Originals, by Adam Grant. • [00:43:10] Tessa has three picks: Bad guy but I’m the good guy so I play it in the Major Key by TheDreRock (YouTube), What Voice Acting in Anime Is Like by Joe Zieja (YouTube), and “Learning How to Learn: Powerful mental tools to help you master tough subjects” by Dr. Barbara Oakley (Coursera). • [00:44:52] Ari has no picks this week since she was on vacation for two weeks and her sleep schedule is really messed up so she can’t remember anything she did this week. Resources mentioned: Inclusive Speaker Orientation (LFC101) "Originals" by Adam Grant Adam Grant bad guy but i'm the good guy so i play it in the Major key by TheDreRock (YouTube) What Voice Acting in Anime Is Like by Joe Zieja (YouTube) Learning How to Learn: Powerful mental tools to help you master tough subjects by Dr. Barbara Oakley (Coursera)