Enjoy the Vue

Be sure to fill out our listener survey here!

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:

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 [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 [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 [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 [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 [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 [0:21:08]

Links Mentioned in Today’s Episode:

Special Guest: Mark Noonan.

Support Enjoy the Vue

Be sure to fill out our listener survey here!

Key Points From This Episode:

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 [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 [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 [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 [0:09:45]

Links Mentioned in Today’s Episode:

Special Guest: Matan Kushner.

Support Enjoy the Vue

Hey everyone, let us know what you like about the show by taking our Enjoy the Vue listener survey!

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:

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 [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 [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 [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 [0:35:50]

Links Mentioned in Today’s Episode:

Special Guest: Debbie O'Brien.

Support Enjoy the Vue

Hey everyone, let us know what you like about the show by taking our Enjoy the Vue listener survey!

Key Points From This Episode:

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 [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 [0:36:03]

Links Mentioned in Today’s Episode:

Special Guest: Eduardo San Martin Morote.

Support Enjoy the Vue

Hey everyone, let us know what you like about the show by taking our Enjoy the Vue listener survey!

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:

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 [0:04:40]

“My random, other extra dev thing is that I use a gaming mouse.” — @GloomyLumi [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 [0:40:54]

Links Mentioned in Today’s Episode:

Support Enjoy the Vue

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:

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 [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 [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 [0:17:52]

How to Find Chris:

How to Find Stephen:

Links Mentioned in Today’s Episode:

Support Enjoy the Vue

Key Points From This Episode:

Tweetables:

Links Mentioned in Today’s Episode:

Special Guest: Em Lazer-Walker.

Support Enjoy the Vue

Key Points From This Episode:

Tweetables:

Links Mentioned in Today’s Episode:

Support Enjoy the Vue

Key Points From This Episode:

Tweetables:

Links Mentioned in Today’s Episode:

Special Guest: Lachlan Miller.

Support Enjoy the Vue

Key Points From This Episode:

Tweetables:

Links Mentioned in Today’s Episode:

Special Guest: Amina Foon.

Support Enjoy the Vue