300th LIVE SHOW SPECTACULAR!

You're listening to Syntax, the podcast with the tastiest web development treats out there. Strap yourself in and get ready. Here is Scott Tolinski and Wes Bos.

Welcome to Syntax. This is episode number 3 hundred. Can you believe it, Scott?

I can't.

No. It's actually kind of ridiculous that it's been 300 episodes.

I had no idea that it's been that many.

Yeah. It it creeps up on you. That's a lot. So, today, we've got a, like, a banger episode for you. We're doing a live show, so shout out to everybody who is currently on one of the 100 platforms that we are streaming to right Node. And we will also, obviously, publish this out through the regular podcast feed. Let's talk about sponsors real quick, and then we'll we'll get into the the nitty gritty of of you coming on the show and asking us questions and and whatnot.

So today, we're sponsored by 2 awesome companies. 1st 1 is Sentry, and the second 1 is Netlify. We'll talk about both of them partway through the episode.

Sick. How you doing today, Scott? Woah.

I'm doing good. I, I did a little, like, you know, that little intro that you saw. We were laughing before the show started because I was doing a little pre streaming to make sure things were working okay and getting the video going. And, Courtney showed up in the chat to absolutely roast me for drinking all the cold brew.

So

so I drank all the cold brew and I put some hot water on for the tea to be ready. And, it's just waiting waiting for the the cooking. Oh, Henry, you held it up in the chat. What's up, Henry? So we're gonna do a listener call in show. This is the first time we've ever done it. We spent most of our week trying to figure out how to technically do this. There Wes lots of different products out there. Like, even, like, everyone was saying, use Zoom because it has, breakout rooms. But if we're in the breakout room, we couldn't see who was in the other room. So, finally, we settled on Scott's Discord, which I I I think the setup is working pretty well. Yeah. It's really interesting what we're doing here, actually. I think that might might qualify for, like, a hasty because I'm using, like, several audio routing softwares.

We have a Discord room Wes we're gonna be manually changing roles. And then I'm technically, I'm streaming my desktop because it's a smoother stream than piping Discord or Zoom directly into OBS. It was like way choppy for some reason.

I don't know the details there. So we're just streaming my screen here and it's working pretty well. And we're streaming on simulcasting on 4 different platforms, 2 YouTube channels, a Twitch channel, and Syntax dot f m. And I should say, before we get too crazy, that this is being streamed on a platform called Mux.

And so I wanna Scott out Mux real quick. This is mux@mux .com. This is not an advertisement, but this is where I host my videos personally.

They had a really neat streaming system that warp just basically piping in and then using HLS and a React player called React HLS player. And we're just pasting in basically the URL to the was it the m m three u eight whatever file? And yeah. Whatever that file extension JS, we're passing that ESLint the React video player as if it was just a video.

And voila, it just works. Pretty amazing. Big, big fan of this. So I I'm psyched to see that we could do live streaming so easily on our own platforms without relying on Twitch or whatever. You know? Pretty sweet.

So today, we've got you're gonna call in. So join in the discord if you are Scott. The links in all of the descriptions wherever you're watching. And the way it's gonna work is we will bring you in either video and audio or just audio if you only prefer to do that. And you can do 1 of 4 things, or you can you can do them all if you really want. We might cut you off if it's too long, though. You can ask us a potluck question. You can do a sick pick of your own. You can take a stumped question. So have Scott and I give you a interview question related to CSS or or or JavaScript or Node or something like that, or you can do a shameless plug. So if you've got a project you're working on, you got a YouTube channel or a book or whatever you wanna plug we're talking to Scott. This is your show. You you guys get to to supply all the content for this show. Very true. And it's gonna be a lot of fun, so

I don't know. I'm I'm very excited. Do we wanna bring somebody on right now, or do we wanna talk about stuff? Do we wanna?

No. Let's do it. Let's bring somebody on. Let's bring Brad on. He he was like, 3 hours, he was already in the chat, and he had all his links ready. So he's he's raring to go. Yeah. Brad did have his links ready. He posted all

all of his links, in in the thing. So, let's bring Brad Garape. I remember because he told us how to pronounce it once. He said, like, therapy. It's Garepi.

So, let's bring Brad on. Brad, I'm gonna hook you up with a roll right now. Okay. So this is the first one we're gonna see. There he is. Okay. Brad's popping in.

Hey.

Brad with the setup.

Y'all? Thanks for having me on. I get to break the ice, so that's that's nice. Yeah. Yeah. No. You should have experience with this stuff. Brad has, his own YouTube channel, his own content and stuff. So

you seem like you've got this down to some degree. Yeah. I'm brave enough to do 3 out of the 4. I'm gonna save face and skip on the stump question.

Yes. If anybody would like so if anybody would like to do a stump question, we we will be Yeah. We need someone who who's gonna do a stump question next.

Yeah. We should even do Node. Scott that hard. Don't worry. The domain game. That should have been Node too. Oh, yeah. The domain game. Well, we can do it we can do it live again. Yeah. Because we're doing it live at, Reactathon in December. Maybe we should do domain game there. Alright. So what's your what do you wanna start with? A sick pick Wes? Let's start with a question.

Something interesting came up, on my team at Adobe. We were kind of rushed to get out an alpha of a product, and this product included a GraphQL API, and we didn't have time to document it.

And I said, well, hey, they have this awesome thing called GraphQL playground that we can embed into the website that that's better than documentation.

Yeah. But my back end team actually brought up some security concerns. They're like, we don't we don't think that's safe due to the ability to introspect the GraphQL API.

So my question to y'all is, are you aware of any security concerns around, GraphQL introspection?

Let's explain real quick what introspection is is that, when you enable this thing, it will give you a picture of what the entire API surface looks like. Every single query, every single input, every single type that is possibly in. And if somebody were to see this, like a developer, they can quite very easily see the entire surface area of the API. Mhmm. So that's what it is.

Go ahead, Scott. Yeah. So I do wanna say, I I think first and foremost that if if you're using Apollo, which I don't know if you are, Apollo by default has introspection turned off in production.

So that's Wes key is that I personally turn off introspection in production.

Same with playground. I have playground and introspection turned off only just because I don't want people snooping around. But in the same regard, I've always heard this being said JS like you shouldn't rely on security through obscurity.

Yeah. And that like somebody should be able to see your ends. And if your ends aren't secured, then that's like a a bigger problem. I don't know. I turn off introspection myself, again, personally, because I just don't I don't need it. I don't want it, in production.

Yeah. I I don't know. There are concerns there. But again, I guess ESLint it's a matter of of how well the the I Wes, they're not necessarily endpoints, but how well the the mutations are are secured themselves.

Yeah. Like, someone could could figure it out if it was, like, if you you put these GraphQL endpoints into production, if it's on an Bos app or if it's on a client side application, someone can figure out what all of them are. It's just like trying to piece together a Vercel engineer API is much harder than actually just having all the documentation for the entire API. Yeah. So I turned it off as well just because Apollo recommends that, but I as long as it's secured properly

Iran in the chat says that they expose Playground via the only behind a VPN.

That makes sense. I like that. That's essentially what we wound up doing was we routed it through this service that required authentication that would then allow Wes to pass back through to the API.

Interesting.

Yeah. Fascinating. Yeah. This is, these are not necessarily problems I I I run into concerning, I don't work at a company like Adobe. You know, that's like For sure. That's a big a way different fish than, what I'm dealing with. What about your sick pick? For sure. Thanks. Yeah. Okay. So my sick pick and my shameless plug kinda go together.

I'm I'm a fan of working out. I'm a fan of fitness. And a while back, a buddy of mine, challenged me to do a bunch of Murph workouts. The these are this CrossFit workout where you do, like, hundreds of push ups and pull ups and squats and stuff, and you're supposed to wear this weighted vest.

And so I finally purchased that weighted vest, and, it's awesome. So this is the the 5 11 Tac Tech Plate Carrier. You can get it from rogue fitness.com.

And I got a 10 pound plate in the front, 10 pound plate in the back.

That thing is built like a tank. I love it. Fits like a glove. Cool. I would love a weighted vest. There are so many times that I put on ankle weights, and I'm like, I wish you were a weighted vest.

So

I'm gonna have to take a look at that. Very cool. Super comfortable too. I you can do all your pull ups and stuff in them and not feel like you're rubbing, you know, on your chest or anything like that.

I hate when the the weight belt around your Wes, and that's like pulling on your hips in a weird way when you're trying to do weighted pull ups. So sick. I will take a look at this. And, Brad, do you have anything to shamelessly plug?

I do.

I actually built, an application called Murphy that that is specifically designed to time and track your CrossFit Murph workouts.

It's really complex. It's like broken up into into 20 rounds of 5 pull ups, 10 push ups, 15 squats. And it's really hard when you're, like, sweating and and stuff to to remember what count you're on. So I built this app. It's a it's a PWA made with Svelte, and, I released it to the Google Play Store. So if you search Murphy, m u r p h y, on the Google Play Store, you can pick it up. What's it? Say that once more. Murphy what? M u r p h y. Oh, oh, oh, okay. You were just spelling Murphy. I thought there was

cool. I will check this out. So PWA on the App Store, how was that process? It was confusing

doing, like, the signing process because, like, pwabuilderdot com wants to sign it for you. Google App Store wants to sign it for you, and I got all the keys crossed the 1st time around. So I had to delete the whole thing and start over. But once you once you get past that hump, it's like really, really simple. And if anybody wants a the app Scott money on the App Store, but it's a PWA, so it lives online. Cool. So you can go to murphy.bradgarapy.com,

and you can use it for free. Cool. That sounds awesome. A little sick, Brad. We'll, we'll get a a link to that in the show notes and everything. And, thanks for stopping by. And, man, happy to have you here on the 3 I'm I'm glad that you were the 1st guest, Brad, because Brad's been a long time chat member, and he's been around. So, happy to have you, Brad.

Thanks, y'all. Appreciate it. Thanks, man. See you. How okay. Sick. Okay. So he just left on his own accord, which is great.

You should bring Britney in next.

Yes. I am giving Britney the role of live.

Britney.

Yes.

Let me Hey. Welcome to video. Hi.

Hey. That's Hey. Oh, video. That's always the last, like, whenever video. Like, a client. You have a 8:30 meeting. You're like, oh, video. We put his pants on.

Yeah. It was funny.

This morning, I think it was, like, at, like, 10 o'clock or something, Courtney was like, I have a video meeting in 5 minutes. I can't be on video. I was like, oh, you don't have to be on video. Just do it audio. Just call it. Yeah. That's very funny. Yes. I love Discord.

Yes. Discord.

Yeah. I'm a huge fan of both of you. I think both of you know that. I've spoken to both of you through Instagram and Twitter a little bit because mainly because of where I live, I think. Because You're on Michigan? Yeah. I'm on Michigan.

Yeah.

The tulips. Right?

My sister lived in Holland, Michigan for the longest time, and Scott lived in Node far from Holland, Michigan for most of his life. Little Yarn. The other side of the state.

Oh, okay. Yeah. Yeah. The other side, 2 hours. That's okay. No. It's not that far.

So I'm gonna have to hold the con the button to talk. Oh, stop. You no. You don't know. She doesn't have to hold the button to talk. Oh, I have it set in my session. Sorry.

Node. Okay. Yeah. That is very smart of you. That's how people in Michigan tell how where they live. They just show in their hand, which is great. I wish Ontario had some of that, like It's very true. Node of my best friends Scott a little dot tattooed where Ann Arbor is on his hand.

Oh, that's awesome. Node he could just be like, that was warm.

Although he moved back to, to Michigan. So it's like, now he's just like, yeah, I live I live in the same place.

I've actually wore the Michigan colors today for you, Scott. Yeah. Just to share that out there.

I thought that was cobalt 2 colors.

Oh. Oh, dang. Yeah. It is actually kinda convenient. Is the same as that. Yeah. That your colors are the same as my, alma mater, so thank you, Wes, for that.

I did it on purpose. Alright. What do you got for us today? What would you like to do?

I would love to shamelessly plug the ZTM Academy. Oh. What's that? Started so I started learning to code from Andre Nagoy a couple years ago on his Udemy courses, and this year they launched the ZTM academy.

I just led a responsive web design workshop a couple days ago, and that will be up on the website next week. And I have to say though that I would not be where I am without the 2 of you because I learned CSS grid from Wes' course, and it made me fall in love with responsive layouts. And then, Scott, your CSS design systems course was incredible for you.

Much. Wow. Learning how to use CSS variables. So, I mean, both of you have been just extremely helpful to me. So I love both of you. It's great. But the ZTM Academy is great, and so I shamelessly plug that. Zinc. In in Canada, it's the ZedTM

Academy. Zed TM Academy. Translate for anybody. Node. Canada Node in Canada actually says Zed. I I've all of my friends say z. Even, like, my kids learn the alphabet in the class the other day, and I was like, say it to me. And I listened, and they say they say z.

I know a couple people from Canada, and they have said zed before, and I'm like Really?

Yeah. Well, I say I say zed s h.

So maybe I just interchangeably use it. Yeah.

Zed s h. Is you say z s h, z shell? I'm sure there's a lot of shell. Yeah. From the south originally, and I'm sure there's a lot of things I say that I'm like, why did I just say that? Like, y'all, I stopped saying y'all for a long time because I didn't wanna be.

Oh, man. Awesome. Any any other ones you wanna do or just wanted to plug the ZTM academy?

Yeah. I just wanted to get on, say how much of a fan I am. Your your guys' dynamic from the beginning has been just amazing. So I wanted to say how much of a fan I am and plug that and because I've got my workshop coming on there, so super excited. Nice.

Yeah. And and, Britney, I I mean, we because, Britney's been around the the level of, Discord for a long time, and she's always sharing her posts and all that stuff on on dev 2 and everywhere. So I've been appreciating seeing all your stuff just over over the course of time. So shout out to Britney. Thank you. Thank you so much. I really appreciate this, guys. This is awesome. Thank you. Yeah. Thanks for coming on it. Thanks for, helping us celebrate 300.

Yes. See you.

This is really convenient that everybody has, like, high quality mic

microphone equipment too. Oh, yeah. I do have a setup behind.

Thank you, guys. Cool. Thanks again.

Alright. Next, we've got Node Vercel.

Hello?

Hey. I can hear you. Can you can you hear us? Mister Stacker. You guys. I can hear you guys.

Hey.

Thanks for coming on. What do you have a name or just Node Stacker? Yeah. No. No. No. My name is Jesse. I've, talked to Scott before, but I've never, met US. So it's great great to see you guys. I appreciate it.

Oh, no problem. Thanks for thanks for coming on.

So, like, where Wes are you from there,

Yeah. So I'm in I'm in Texas. Yeah.

Hey. Wow. 2 from Texas.

Mhmm. Yep. 2 from Texas, and Britney JS from the Scott. So, we yeah. We gotta get get some Northerners on the

show. Can we get a Canadian on next?

Yeah. Yeah. So I I know. I really appreciate it. You guys are you guys are great. I'm, you know, fairly new to this industry of of teaching online, tutorials and stuff like that. So, you know, I have a YouTube channel, but, you guys have been a great inspiration for me. Oh, thanks a lot. I appreciate that. You'll have to you'll have to you'll have to plug your plug your channel. Would you like to do a stump question or a, good.

Oh, okay. I will do I will do a stump question. Yeah. I can shamelessly plug my stuff. Yes.

That is a good trade. I was just about to get it, and then I typed in stumped into the Google search bar to let you know exactly how, on my brain is today. But what was the what was the the site? I I can't find the site. 30

second interview questions? Yeah. 30 seconds of interviews .org. I put I popped it in the Notion. There's a lot of things that we have to open right now. I've got 3 monitors, and they are all full.

So that is yeah. Yeah. I have the Discord. I got the OBS

and the YouTubes and, yeah, all that stuff. Sorry. You can find it, Wes, because I can't find the link right now. Alright. I'll grab 1. I'm just looking through them right now. Don't make it too hard. That's a silly question. There was 1 on, like, what are the advantages of the Node. Js callback pattern? And I was like, none. It that sucks. It's now that we have async await.

Are you a React dev? Yeah. Yeah. React, JavaScript, CSS, any kind of running stuff. Okay. We've got a React question here that's marked as hard.

Oh, boy. What are portals in React?

Oh, that's easy one. Yeah. That's marked as hard.

No. No. The portals are a very a very niche used part of React.

I mean, I don't think so. It's just a pop up. Right? So what do they do? Well, it it's it's almost like a Node. Right? So it's just, puts a container up on top of another container, and you can actually access, the root of of React from it. So it doesn't it can it's basically on its own, but it can be pulled into another container.

Yeah. It's it's your React application outside of your root element. Right? Right. Yep. Right. Yeah. Mhmm. Allows you to insert into the DOM,

into an element, basically. Yeah. Alright. Yeah. Okay. I think that was that was good. Good. Alright. We'll let we'll let you plug your thing. Alright. Alright.

Yeah.

Appreciate it. Yeah. No. So my YouTube channel is, obviously, Node Stacker with an r, and then just released a new course, vscodehero.com.

Scott, Wes, check that out. That would be great.

The escrowhero.com.

Yeah. And, just for syntax, if you put in the coupon code syntax, you'll get a discount. Oh, wow. Look at you came prepared.

Man, that's good.

Props.

Sweet.

Yeah. This looks nice. I like the, The shadows.

Yeah. Thanks.

Cool. It's all done with, Gatsby and Tailwind.

Oh. Oh, alright. Alright.

Even the Sanity animations too?

Animations are AOS, Sanity on scroll.

Cool. Super simple. I don't know if you're allowed to say the word tailwinds on this podcast anymore because, their people always tweet tweet at us. Whenever we say the word tailwind,

we're gonna get in trouble. Yeah. No. Just joking around. But yeah. Weeps the hell.

Yeah. Just just joking.

Awesome.

Cool. Well, would you like to do any other, or are you, you done? No. That's good. I appreciate it. Yeah. Great show.

Wes some other guys get in here. Sweet. Thanks thanks for coming on. Yeah. Seriously. Thank you. Alright. Thanks.

Who we want next? Spence is 10.

He just he tweeted that he's having a beer, watching this. So let's have him on.

Beer. What JS it's not beer o'clock here.

Yeah. Sorry for everybody get some downtime.

Usually Wes we record,

there isn't a ton of downtime, but we do get some some Adam cut this out. Yeah. Adam cut this out. Sometimes a kid will come running in or the last podcast, I had my kid on my lap the entire podcast. You can hear him a little bit, which I thought was funny. Yeah. In fact,

it is very frequent that we have children either running around or or fiddling with our knobs or, or just ruining the the, the audio in general for me in my office. They just love twiddling the the the knobs on my compressor and then just we've been getting, Adam has been sending us messages about the quality of our audio. So hopefully it hasn't been too bad. Alright. Spence.

Is he joining? Oh, and Henry Helvetta has Scott to hop on to that meeting. Bring Henry in if if Spence is not joining in.

We'll do Spence first. Okay. We could do double.

Could we?

We should at at the very end, we should just let as many people in as we can.

We might actually get both of them at the same time. At the same time.

For those of you wondering, I do not know how to do, pop popping. I do not know how to do that style of dance, just in case you're wondering.

Oh, pop and lock?

Deno. You can't say pop and lock, Wes. That's different dances because they're very different dances.

Popping is the popping is the that kind of stuff. Well, this is waving. But popping, this is popping. And then locking is is like is is like very clown like.

It's Yarn to explain, but, there's finger points, wrist rolls.

There's this is the lock. This is a lock, and this is a pop. They're very different.

Alright. Oh, here's Henry.

Henry.

Yo. Can you guys hear me? Yeah. I can hear you. Can you hear us? Welcome.

Oh, somebody didn't give Spence the role. Sorry. That's why Can you guys hear me? Can you guys hear me? Yeah.

Can you hear us? I don't know if you can hear us.

Yeah. But I don't know which mic.

Sanity Live.

You gotta you gotta turn off your live stream, folks, when you call in to us.

Okay. I think I'm Oh. Wes got him. Hey.

How's it going? Okay. Cool. Cool. I was, like, completely confused. I was like, what is going on right now? I have too many screens, and I didn't know which one was live, which one was lagging. I don't know. Anyways, how are you guys doing? Good. Good. How about you doing? I'm alright, man. Just, I had a pretty interesting morning. I just did a little q and a with this, new web dev class in London, London, England. And, you know, I was just answering questions and stuff like that, so it was it was pretty interesting.

But, man, I'm you know, honestly, I'm I'm glad to to be with you guys because, as you know, I probably caught some of your early episodes. Like, I think under, like, the 1st 20 or so, then I kinda fell off after that, so I have to apologize.

No.

I apologize for nothing. Yeah. You know what I'm saying? So but, but, yeah, you know, we like, I saw the the announcement about the the live show, and I was like, dude, I'm still here. Let me just log in and see what's going on. And, here I am, man. And I think I'm your 1st Canadian. Yeah. Yep. 1st Canadian. You're official. You're from Toronto, which, we we used to hang out in person when I was

back living in Toronto. And I think, actually, the first time I met you was in New Orleans?

Yeah, dude. It was like that,

what was it? Some conference or something like that. Yeah. Exactly. It's just the the pencils are behind me. That that was so weird because,

I used to work at this design firm at some days I had to eat up, and I was like, dude, I don't know what to do. And then I ended up just flying to NOLA to volunteer.

So it's, it was a lot.

Just just just head on over to NOLA just to chill, you know, and volunteer. That sounds that sounds like quite the, That was fun. That was a good really good conference.

Yeah. It was fun, man. It was fun. I met a bunch of folks and yourself, obviously, and then, you know, there Yarn a few Canadians there too, actually. I'll probably post a photo because I have this 1 photo of bunch of us just hanging out. So it was it was, pretty interesting.

Yeah. Well, tell us about your you're into performance. You run JAMSAC Toronto.

What do what do you wanna talk to us about today?

So I really was gonna plug a set of videos I'm about to drop, next week about a particular sort of, like, event I put together. But, roughly, yeah, I'm from Toronto. I'm freelance dev. I run a couple meetups, the Toronto Wes Performance Meetup and the Jamstack Toronto meetup as JS you mentioned. I'm actually going to drop a link about, that, in the, in the chat. So, basically, 2 things I wanted to plug real quick. Next month, yeah, I'm doing a I always mispronounce it. Sorry. I'm French.

Eleventi.

I'm saying that wrong. Eleventy.

Eleventy. That's it. Sorry. A l l

what's the acronym for

it? Eleventy.

Node one t y.

Yeah. Something like that. Oh, yeah. Yeah. I hear so much about this, but I've never used it. Yeah. It's, it's really getting a lot of, momentum around the, SSRs.

Oh, CSS. Sorry. SSR. I'm so confused now. But what I wanted to say is, just for fun, I'm doing a meetup on November 11th, so 11:11.

11 minute lightning talks on Eleventy.

So Oh, that's awesome. Yeah. It's something something a little different. I'll leave a little link in the Slack, Slack and the Discord about it. But what I really wanted to talk about was, I'm releasing a a set of videos from a a little sort of mini conference I put together last week oh, Node, last month, basically, on, images and image formats. You know, as you mentioned, I'm I'm a bit of a performance fan, and the image conversations ones that I've always had in mind.

And especially this week with, I Wes, next, announcing that image component and all this sort of, like, tooling around, performance and specifically performance monitoring, images have become a little important. So I have some videos coming next week about this conference I I put together.

So people talking about AVIF, which I'm sure you may have heard about, which is sort of like the new kid on the block in terms of image formats, supported right now in stable Chrome and behind a flag in Firefox, I believe. Does that replace WebP then? Like, that's another new image format. Right? So interestingly enough, WebP is actually 10 years old, but it's only really gained a bunch of momentum in the last 2 or 3 years. And Wes has been, very important this year specifically because, finally, in Safari 14, so Big Sur and Bos 14 JS, you'll get WebP support, but this is basically on its 10th year, but what some consider now an old format at 10 years old because Avid has come around with with better, bit with better specs.

But in some of these videos that I'm releasing, we're talking about WebP 2 ESLint o being worked on as we speak. One of the videos I talk about metrics like LCP and images and what people may not realize that images or at least your largest image on your page will, affect your score, your Lighthouse score, drastically because it'll take up about 25% of the score. So if you mess that up, you mess up your your LH score as well. Pretty interesting set of videos. You know, I talk about WebP 2. We talk about AVIF. We talk about WebP, AVIF, and Squoosh. We talk about that as well because they have AVIF support. And we talk about this format called JPEG Vercel, which is sort of getting a little bit yeah. It's getting a little bit of traction right now, so it's pretty cool. So yeah. I mean, I just wanted to mention that I'll probably be dropping that next week. So, where where can we get that? I'll probably do it on Twitter. So my Twitter handle, which is basically my handle on Discord right now, so Henri Helvetica.

And, yeah, I mean, it's just, some pretty neat information I just want to discuss.

I'm really glad that I found out you warp French, and we call can call you Henri now. You absolutely can. I was always saying, yes? Sweet.

It's it's actually preferred, but, you know, I guess, people have I have problems with that r.

Not me. I took grade 10 French.

Hey. I didn't take French, but my, my grandmother has a French maiden last name, so I'm basically French

there.

Alright. That's awesome.

Cool. Well, thanks so much for coming on. Appreciate it. Hey, Ben. Thank you. Thanks, for sitting through these issues I was having so I didn't know what was going on for a second. No. It Wes all good.

Alright.

Alright. See you.

Thanks for stopping by, Henry.

Alright. Spence is up next.

Oh, Henry, you're still here. You might have to leave. There we go.

Spence Diamonds. That should be his, like, developer name. It's like a big jewelry store here in Canada, Spence Diamonds. Spence Diamonds? I don't know

if it is. Here's Spence Diamonds. That's actually a really sick nickname, though. Yeah.

That sounds like a like a Myspace crunk core, like, band Node, like, Spence Diamonds and the the Wild Cats.

I wild cats? JS it wild cats or wild cats? Wild cats. Because I feel like those are different things. Oh, there he is. Dett.

Test. Test. Test. Test. Check your audio input. Check your audio input.

Sven's gone. He'll be coming back. Hey. He's back.

Hello? Hey. You can hear me. Cool.

I've got the

Node.

Alright. Bring somebody else in. Alright. Bring

Jason. I'll bring Jason in because Jason's gonna Jason's a, a Discord pro.

Alright. Jason. Hello?

Hello. How's it going? It's going well. How are y'all?

Good. How are you doing? Good. Good. Let me let me get my camera going here. Yeah. You got a fancy setup too.

Woah. Spooky. Oh. Pres nerd.

We're definitely doing the, you Node, we we aren't doing anything fun for Halloween, so we figured we'd dress up for all our Friday Zoom calls.

Sick.

That's amazing.

Oh, that's great. So how how is that being affixed to your head? Is that is that a band? It's Yeah. It's like a it's a little like a headband.

Oh, yeah. Alright. Alright. Alright. But these are these. I actually have, my ears pierced from back in my rock star days. And so these Oh, yeah.

These are just real earrings.

I, I I had a a tongue piercing for, like, 8 Yarn, so I wonder if I could still shove something through my tongue and have, like, a spooky spooky Halloween tongue.

I I had a tongue piercing, and and as a result, I have a lot of very expensive dental work. Yes, me too. I know. Node,

my Wes, my aunt, my aunt in law was like, JS that she was a nurse and she was like, you need to take that thing out because you are going to really regret it later on in life when your dental bills are really high. And I was just like, whatever. And then, like, sure enough, I'm like, wish I wouldn't have had that thing in for some For real.

It sucks at the dentist. I will tell you that. Yeah. It's a little ball. Every time you go in for a cleaning, you just get judgment. Like, they're like, you had your tongue pierced, didn't you? Yeah. But you feel dumb now. Yeah. But you feel dumb now. Wes you don't know basically, there's like a ball on the underneath side of it, and it rubs against the gums on the down here and then your teeth. And it just that stuff doesn't come back. It never comes back. Nope. It does. It hurts.

And it hurts really bad. Yeah. It definitely hurts. Yeah.

Sounds big deal. So somebody on Twitter tagged you and told you to jump in here? Yeah. Yeah. I got, I got tagged with a ESLint to the,

like, to the YouTube, and Oh, yeah. Both told to come in. So I I wasn't sure if somebody asked me or it Wes, like, actually, like, hey, Jason's coming or something. But No. No. That was,

we're so what we're doing for JS our 300th episode, and we are having people come on. And they either have to ask us a poll Wes. They have to do a sick pick.

You gotta take a stump Wes, so Scott or I will give you a, a question about JavaScript or CSS that you have to answer or shamelessly plug something.

I Wes. Stumped me. Let's try. I I never Alright. Let's do it. The question is this is a hard JavaScript question. What does

use strict in quotes do, and what are some of the benefits of using it?

Oh my god.

I had this Node myself, and I I could only think of one thing.

Yeah.

I TypeScript.

I don't know. I don't know if I know any of these. So I know that one of the things that people complain about in JavaScript is that it does inference of a lot of things.

And if I remember correctly, TypeScript was a way to turn some of that inference off or to to make it stricter.

And that helps avoid some kind of confusing errors.

However, I have no idea if that is accurate or even close.

My answer would have been it makes it more strict, because I don't know I don't think I I've never used to use strict. I don't know why. It just haven't, you Node. I know why. I know why neither of you have done this, and it's because you're probably writing modules for years now. Yes. Right. And right about the time that this rolled out, you probably moved to modules, so you never used it. But TypeScript is is if you've got a JavaScript file or a script tag and you type in use strict at the top of it, it will convert that, the JavaScript runtime to strict Node, which cleans it up. Because if you can't break old JavaScript and some some things like you can create a variable without putting Yarn in front of it, or you can, have a global variable accidentally.

That's the big one for me.

What are the other ones here? Sometimes provides increased performance, simplifies eval, and helps make JavaScript more secure. For me, it basically, like, turns off these silly things that we've had in JavaScript forever you shouldn't be allowed to do, which is the case if you write JavaScript in a module, but if you still are writing JavaScript in a Scott JS file. And that's why often when you you bundle your JavaScript, you'll see the first line says, use strict.

In this way, if you, like, create a variable without putting a var in front of it, it won't even run because you might accidentally be doing something that's bad. I'm not gonna lie. I didn't even know that you could do that in JavaScript. Like, you're very, very all about

a keyword.

Yeah. Well, that's good.

It's funny. It's, like, this, like, like, obtuse thing to know about JavaScript, but, like I didn't know you could do that either. Alright. Well,

stumped. Stumped? I actually was completely stumped.

Well, yeah. Stumped stumped shows no mercy.

Alright. Well, thank you so much for coming on. I really appreciate it.

Yeah. Absolutely. Thanks for having me. Have fun with the rest of the episode. Congratulations on 300 Thank you. Thank you. Thank you.

Pnpm.

He said he could hear us now. So I can hear you. Hey. Yes. I can hear you. Space Yarn thing. What's going on? Go. Hey. It's all good. It's it's all good. You can hear us. We're we're good.

Oh, from the UK. Yes.

Yeah. We say zed, and we put, you know, unnecessary use and stuff in the Yeah. I see. I don't

know. The correct way. Except, like, you use miles per hours on your street. Right?

Yeah. I know. I don't know what's going on with that. So That's that's bizarre. You know? Yeah. That is weird.

Yeah. Sorry about that. Your name is Scott as well. Right? It is Scott. Yeah. Yeah. Yeah. I've seen you around on the, on the social media. Yeah. Pretty much spends Wes

tent everywhere.

So thank you guys, both of you. I mean, I think, Wes, your JavaScript 30 Wes, like, one of the sort of, the first like, the gateway drug into me becoming like a a proper professional web developer.

So thank you. That's awesome to hear that. You're welcome. I think there there's a new toll that everyone's gonna have to pay to come on the show where they have to, send us each a compliment at the beginning. Butter, I thought. Yeah.

Really? Wes needs some butter for his barbecue.

So, yeah, I just wanted to come on and, plug Oktoberfest, which no one has spoken about so far.

So I've been contributing to a repository called MDX embed, which lets you embed, 3rd party, things into your MDX file. So not just Gatsby, but Next. JS, and anywhere where you can use MDX, you can use MDX embed. Just just wrap it in the in the, provider, and you can sort of embed tweets, YouTube videos.

And that's the main thing I use it for.

Ah. There's a ton of stuff in there, and this is a really good success story from Hacktoberfest.

I'd just like to say there was, like, 80 around 80 issues. And so Paul Scanlon, who is in his repository at the moment, he did a great job setting up, an umbrella issue.

And this Wes just for test coverage so we could do a a v one release, and we've achieved it. We've got 98% test coverage, I think, now. It was 0 before.

So thanks to this is just me saying thanks to everyone contributing throughout Hacktoberfest. So and thanks to Paul for, you know, for the library as well. So it's it's been great. We've had tons of people come in to contribute, and, it's been really active. And we we did it. I mean, we did I think it was the AC issues, and we just churned through the more integration tests and, end to end tests. So it's it's been great. So that that's my plug. And, Can we just talk about how awesome MDX is in general? Oh, boy. Yeah. You know, I I love MDX. It is the best, and it just makes documenting stuff so much more fun. I tweeted the other day. I put a sarcasm component into my MDX just so I could wrap a bit of text, in the sarcasm component just so it goes like the the spongebob up and down. I I I took No. That's amazing.

I think I took, it from Wes proposal for the sarcasm proposal.

It Wes what I used, basically, just that and then put it into a component, fold it into the MDX, and that's it. 10 minutes late, you've got a sarcasm component in your in your markdown. So it's great.

That's so good. Oh, that's hilarious. That's, like, actually a really good use case for learning. Yeah. Totally.

And shout out to, those of you who use Svelte. There is a m d specs, which is a Oh, is there? Yeah. You know what? I was looking. So It's very good. I'll put it in the Discord. It's very, very good.

Brilliant. So that's me then. Thank you, guys. And, I have listened I I I wouldn't say to every 300, but I have listened to nearly all of the syntax episodes. I I I I listen to the a lot of podcasts and, a lot more thanks to your recommendation, Scott. So dinette diaries

Oh, yeah.

What swindled, and there's just there's tons of stuff now. So All of the all of the crime crime based schooling

podcast, Wes, so good. It makes me very depressed.

Brilliant.

Let's, leave it on that now, I guess.

Thank you, champs. Thanks for joining us. Appreciate it. No. Thank you very much. Glad you, got it got your audio working, and happy to have you on, Scott. Yeah. I can take my thumb off the space bar now. Thanks, guys.

James.

James is gonna have another pro setup. Everybody's has pro setups. Sweet. I'm on. What's up with turn on camera?

Yeah. And live there.

What's going on? Look at those lights. It's your chance. Do go dance at the stage. The supernatural poster. I'd rather get a kick out of those. Oh, yeah.

Oh, yeah. Oh, thank you. I appreciate it. It seems like it's going well. This is super cool.

It's very cool.

We spent a significant amount of time trying to figure out the technical aspects of doing all this. We're like, okay. Yeah. Let's use breakout rooms and Zoom. And, like, what the heck? We couldn't get it where we we tried a lot of different stuff. It's definitely, pretty eye opening. And me, personally, I, learned how to do a countdown clock on OBS and Nice. A a looping video with audio and stuff. It Wes all pretty good. Yeah. I'm I'm I'm finally getting that OBS kick going. I know, James, you're you're pretty comfortable on, on OBS.

I yeah. Like, I do it a lot. I actually streamed this morning, but it, I don't do anything too fancy. And I actually have. So you mentioned having the issue with recording the window with Zoom with Shopee. I've had the exact same thing. So I do the same,

grabbing the screen and then just clipping out the stuff that I need. Yeah. Yeah. Yeah. I think I saw that on on the Internet somewhere and Wes like, oh, give it a try. And, yeah, I I'm using the the Streamlabs OBS.

That's what I use. Yeah. Yeah. It's pretty nice. There's all these plug ins. I got I got that. I I actually, shame, ashamedly paid money just so I could get the gold color scheme. It's a golden black color scheme. There's a lot of other features that came with the the pro, but I don't care. I paid for the gold color scheme specifically.

And how much so so that we can you specifically for this. How much did you pay just for the gold Oh, I don't I don't know. I don't know.

It's a rounding error for Scott.

Wes. Node. It's, I I was like, well, if I'm gonna if I'm well, there's a lot of extra little templates and gadgets and gazmos that they give you, with it. So I was like, well, if I'm gonna if I'm gonna do live streaming, I don't wanna have to figure out how to do all that stuff myself. Yep. I want to click button and get countdown clock and then change the value stuff.

Yeah. James, do you wanna do a, shameless plug, a stumped question, a poll Wes, or what's the other one?

Sick pick? Sick pick. Sick

pick. Fair enough. Or any or all. Whatever you want.

Yeah. I I will I'll volunteer for a stubbed question. We'll see how it goes. But I would like to ask a question first if you're cool with it. Yeah. I am now teaching my 2nd round of a boot camp, and I know, Wes, you've done that in the past. This one is twice a week at night.

This one is virtual this time around. The last 1 was in person at Memphis, so it's a different experience.

And a lot of what we talk about I know you've talked about this some on the podcast before, but just the idea of imposter syndrome, the idea of being really nervous to ask questions specifically, that's the easiest way for people to fall behind. So any like, we bring this up. Myself and TAs are are always encouraging people, hey, ask Wes. What questions do you have? Trying to be preemptive.

Any specific advice on how to really keep keep people engaged and make them feel comfortable asking questions to make sure that as they start to Yeah. To maybe fall behind, that we kinda catch them pretty quick? My answer JS gonna be for in Vercel, because I I pnpm a lot of time, like, thinking about this. And it because what would happen is you would teach something, and the question was to come up during that time. And then I made sure that we had, like, 10, 15 minute, like, work on it yourself breaks.

And then I had to master the warp around the classroom slowly, but not like a teacher who's trying to look at everyone's screens Yeah. That's and just saying like, hey. Any questions over Vercel? Or, like, really reading body language from certain people, and you're just, like, walking up and be like, hey. Everything looking okay? Or or whatever. Or even just, like, going up to somebody who had finished it, and they check it out. And then while you're sitting down, usually, the person next to it would be like, actually, you know what? I have a quick question as well. So just, like, trying to, like, tease the questions out of people, and and, literally, it's just being physically close enough to people Wes they're like, okay. Now it's not a big deal. You know what? While you're here, come on over, and I I got a question and and whatnot. So that was that was my little trick, and I feel like I got that down pretty pretty down pat because I could stand in front of the class and say, Wes? Node. Nobody's gonna yeah. Nobody's gonna say a thing. Yeah. Yeah. Start walking around tons of Wes. And, also, like, people would listen in to other people's Wes. They have questions on that. So that's that's my advice there.

Cool. Yeah. It's definitely it's a challenge being completely remote. So we have Yeah. It's actually an interesting program. We start with a 160 students, so it's just kind of a numbers game, really, of, like, it's free, so we have a ton of people start. We're down probably to 1:30 or so now after a couple of weeks, and that's expected.

So I do, like, a main lecture thing for everyone in Zoom, and then we break out into our TA groups, and then I kinda float around and try to help there. Oh, yeah. So it's a it's a different thing trying to do a virtual versus, actually being able to be there ESLint person, read the body language. Like, I try to see as many faces as I can, but you can only see somebody in Zoom at a time.

Totally. Let's get a stump question going here. Let me,

I got maybe you might you might not know this one. This one is this one is easy, but this is something that I know a lot of people don't know because maybe not necessarily something they've used.

What is the difference between the post fix I plus plus and prefix, plus plus I, increment operators?

Okay.

So Node will do I have to, like, picture it in my head to actually explain which 1.

1 will increment the value first before, like, you actually get to reference it and the set the other one will, like, reference it first and then increment it.

So if you do, like, plus plus if you console log plus plus I, it would increment I and then log versus if you I plus plus, it would log I and then add the 1.

JS that I was like I was waiting for some sort of reaction to see if I if I was even close. I was like, what can I what can I do to get the kill? That's what.

So I'll fly in a red box. The worst cowbell of all time. That, I hope someone

I'm gonna I'm gonna strip that out of the YouTube video later on and and and use that for, like, my promotional stuff. Ding ding ding ding. This is the highest reward I've ever gotten JS the flyers and the energy drink combo.

Oh, that's good. Good. Well, good job. That's, it I remember that one biting me, and I didn't know it. And that like, I very clearly remember having an off by pnpm error with, like, something.

Mhmm. That's a tricky one, definitely. And it's not That that's why, like, a lot of ESLint

will say, just don't use those at all.

Use the plus equals if you need to.

Because it it can bite you if you don't know what you're doing.

Yeah.

Yeah. Yeah. And you almost never see unless you really know what you're doing, you almost never see plus plus I like, you all almost always see I plus plus. So to throw that in for someone that doesn't specifically know what it does would would definitely throw them off. Yeah. I don't know if I use that much outside of,

like I don't know if I use that ever anymore.

Yeah. Like, I don't know that I I do all. The plus equals. Yeah. Yeah. I'm trying to think of when I went. I was thinking like loops. It's like, I don't know. Written looping.

No.

So 19 tickety 2. So you wanna know something my biggest pet peeve right now in teaching is we use it starting from scratch, so we're learning 4 loops. And as I'm writing out all this stuff for several days before we learned about map or, like, I showed them for each, I was having to type out all these damn for loops, like, every single time, and it Wes, like, the bane of my existence. It's like if I were to do it in Versus code, for example, I've got snippets, but now I need Node actually explain what I'm doing. So it's, like, it's the worst to type out and type in the way. Semi colon after the increment condition?

No.

Deno. Yeah. It's funny. My my biggest thing is when, when Prettier stops working, and I've realized just how awful I am at formatting by default. I I just, like, start mashing the keyboard. And then when I click save and it doesn't fix itself, I'm, like, what is going on here? This code looks terrible. Well, and I I look like not so great of a developer because I make lots of mistakes because right now we're using Yeah.

A browser thing called Repllet, which is not Versus Code. Yep. And they see me make all sort of mistakes that I wouldn't usually make inside of Versus Code. Wes, what was that?

The chat is like, why do you have pliers on your desk? And someone's like, Wes has a bunch of random motors on his desk. I'm like, I do. That's true.

I mean, well, I have a bunch of random crackers, which is really, crackers and cold brews, really my my MO here. You know what else is something that is a really big problem of mine Wes I really don't like it JS when I have bugs and creepy crawlies in my code. And one thing that I do to get those out of there, James, do you know what it is when I have bugs in my code? I missed who the sponsor was, so I don't wanna guess there was 1 and then mess it up. Okay. Well, that is very kind of you because it is Century.

I'm talking about century I dot I o. This is a error and exception handling service that Wes and I have both used for a very long time that really gives us all sorts of really awesome information about our application at any given ESLint. It's a totally essential piece of software in my mind if you are running any sort of application that people are using because people have bugs, people have issues, and then you get to catalog them. And, if you're in a team, you get to say, somebody else do this for me, and then you can have them fix it, submit the issue, mark it as resolved, and then be shocked and horrified when it comes back. And it is a regression because that's just how life is. Right? So head on over to [email protected].

Use the coupon code tasty treat, all lowercase, all one word, and, you will get rid of all those creepy crawlies in your the the here's here's what's gonna happen. If you sign up for Century, those creepy crawlies, they're gonna turn into gummy worms, and, that's gonna be a Scott. And I'm gonna eat them, because that's that's how the the candy situation is going in my household right now.

We we were on a call with, unrelated. We were on a call with my parents the other day, and they they said something about the the the Sanity. And Courtney was like, well, I don't know if we're gonna have any left because Scott ate a whole bag of the coffee.

Scott.

Scott, you totally missed my softball I was trying to give you. I was drinking from the Netlify water bottle, and I thought you were gonna do that transition. Hey, Wes.

The sponsors are read in the order in which they're in the note document or the, the note document.

The, Node document.

And I see CenturyLink. Node. Yeah. Check your Node. My bad. My bad. But Node I could not I couldn't see the Netlify logo on your water bottle. But I saw it. I just didn't know what he was doing. I thought he was just, like, really proud of the water bottle.

I have a Century shirt too. I should, like, go full what's the what's that movie where he's wearing he's wearing all the Reebok? Wayne's World. Wayne's World. Gonna go for Wayne's World on the on the swag. Cool.

For what it's worth, I was gonna guess Century, by the way. I just didn't quite hear the intro, so I didn't know. I didn't wanna say it wrong. But It JS it was very fine very fine of you, James. I think you did an excellent job. Thank you.

Okay.

Anything else? Do you wanna shamelessly plug anything? Sure. Before we Yeah.

YouTube, James, q quick.

And, recently put out an ebook actually called YouTube for Developers at youtubefordevelopers.com Oh, awesome. About how to get started, why people should, the benefits that come along with it.

Really, the benefits, like, for your career. And I just recorded a video this morning that is not live yet, but, like, the 5 things that I've learned doing YouTube videos and how it's influenced my career.

So YouTube for developers.com, and then just James Q Quick on, YouTube.

Sick. Sick. Well, thanks. For hopping on, James. Really appreciate it. Yeah. I appreciate it. It wouldn't have been 300 without you. That's for sure.

Well, I, I feel pretty privileged that I got to be part of a a transition for a sponsor. That was pretty special.

Yeah. Yeah. Right.

You got to see, how the coffee was made.

That's right. Yes. Alright. I'll talk to you later.

See you. Later, James. See you. Alright. We're gonna get Whale Phil on. Yeah. I'm gonna take a break. I'll be right back in 2 seconds. How about I take a break too? Okay. And we just leave Whalefield.

We'll just leave it. Wes, Phil, by himself. I need some I've I I need some some water here. I'm getting a little tarshish. Wait. Why don't you just add a bunch of people to the stream, and then we'll leave?

No. You go 1st. Whale fell, and then I'll go.

Okay. Whale fell. Whale Whale, Phil, you,

got it. Got the mute. Where's the Eggplant.

I have an eggplant.

My Halloween costume because Discord hasn't implemented server specific photos.

That's a that's a pretty, pretty Node Halloween costume. My son is going as a dragon, and I'm trying to well, we're not going out, but I'm trying to figure out what what to be wearing around the house. I'm notoriously bad at Halloween costumes. I was l l cool j once, and I Wes, Fresh Prince once, and then I was a golfer.

They're just all terrible costumes, and everyone would be like, I have no idea what the hell you are. Like, well, I'm wearing a kangal, and I'm wearing a Wes. So I'm obviously l l cool j.

I'm just so like, I don't know about it.

I've been like the same Mario costume for the past, like, 4 years since I started Vercel, so I'm with you on the terrible

costumes thing. Can't can't pick a new one. You seem like you could rock a pretty pretty mean Mario with that mustache.

I think it I I'm I'm better left to ESLint a, attachable.

Get a stick on, I think.

Yeah. Yeah. Only any any princess in a castle would want this mustache saving them. So yeah.

I'm gonna let let's take over for a second. I'm gonna get I'm gonna get some tea. Alright. Sounds good. Whale fail. Is that reference to Twitter going down?

Reference to Twitter going down. No. Did it have something to do?

No? Yeah. Yeah. That was well, us olden olden folk, when Twitter used to go down, like, every day, their four zero four page had a fail whale on it. And when something would go down, you'd be like, oh, that that service fail whale or whale failed.

That's what I thought it was in reference to.

My last name is McPhail.

So just Seriously? That's amazing. Yeah. What's your first name?

Austin.

Austin. Where are you from?

Saskatchewan.

Regina.

Oh, a Canadian in the house. Another Canadian. My wife is from Yorkton. Oh, really? Yeah. So not far away. I've been to Saskatchewan many times in the winter, which is absolutely freezing.

But, yeah, Saskatchewanians are an an odd type. What do you what do you call this that I'm wearing right now?

That is, to me, because I find the word bunny hug embarrassing.

When I say it to other people, I say hoodie.

A hoodie. Yeah.

They they call it a bunny hug. Yeah. There's there's billboards when you're driving that says our CEO calls it a bunny hug.

That is the that is the Connexus c CTO.

Yeah. You have your and you have your own, like, telephone company up there too, SaskTel,

which is Yeah. We got SaskTel. This is not bad. Actually, right now, they have been making a bunch of noise outside my house or outside my apartment installing Infinite, which I'm very excited for because that is the They're

LTE?

They're fiber lines.

Oh, man.

They can finally get some, like, good speeds.

Oh, that's awesome. So I don't I don't have a nice setup like everyone else, but I do have a massage chair. So Oh. Well, now that's pretty well. Okay. We'll train now. Let's talk about this for a second. Yeah. Is that your normal chair? No. I I just I got this from my dad not that long ago. They didn't need it at their condo. So they asked if I wanted it, and I could not say no to a JS it a computer chair, or it's just like one of those, like, lazy boys at the mall? This this is just a lazy boy. Yeah. I'm just in here.

That's like dreams, man. Like, my dream is to have one of those L shaped couches that every single spot that you sit in is a La Z Bos, and it has a cooler and cup holders. And my wife is like, never in your life will we buy that.

Wes, one time in high school, one of my friends, his dad had a company that invented the, shoot. What's this? I I always remember the name of this thing, but it is JS essentially a golf ball puzzle that you could print a logo on and sell. And he sold the company for, like, 1,000,000 of dollars.

And the first thing they did was build build a theater in their basement, and the theater in their basement had, like, rows of massage chairs. Oh. We always used to go over to his house and, like, send the massage. But it was just like, the dude went from, like, Node day being, like, normal normal everyday dude to the next day, massage chair. Care theater. We We're just It's all because kind of money. I hope that one day is massage chair. Of a golf ball puzzle, man. A golf ball puzzle. It had a really good name too. I forget what it was. It was the Bogey Buddy. Oh my gosh. The Bogey Buddy. Bogey. That's awesome.

What what do you what do you got for us today? What do you wanna talk to us about? Okay.

So I've always had,

problems with pnpm via Node working together.

Mhmm. There's so many, tutorial. I think it's a step of where they've selected their extension and they go right to Npm install. Wes. Once oh, Bos your uncle. I hit save and my code looks good.

But I feel like there's a step missing there because I've just ESLint them and solved the ESLint and stuff doesn't work. And then I realized, oh, the Flint their v s code has

it's auto save plug in. Yeah.

So Yeah. Where

like what is the process that I threw my headphones, I realized that's actually in here. I should hear it Node second.

My audio.

The question is about v s Node, ESLint, and Prettier playing nicely together, which I have a a significant amount of problems with myself. I feel like. Right? Am I

Sorry. The question was, like, how do you set it up or, like, what's missing?

Yeah. Like, what's missing? Because it's like it's it's obviously not boobity boobity boop, MPMI, ESLint Yeah. And Prettier, and it all just works when you get your Prettier r RC and your ESLint RC. Get all that extension set up, but you're it didn't it didn't suddenly we Airbnb we Airbnb in here.

There's a there's a v s code setting, but I don't know which one it is because there's 3 extensions.

V s code v s code prettier, and then VSCode Prettier ESLint.

And I don't know which one to select as default formatter.

The the way the way that I do it is I just keep installing and and adding configs until it works.

And then when it works, I just don't touch it.

Les, do you have anything more official than that? I'm mad. Britney posted a really nice, blog post that, she did in the chat about getting it all set up. So maybe that might be a a good help. Britney might be the, issue. I've spent a lot of time on this because it's so frustrating. It never freaking works, and I I too,

and I set off to I just evaluated.

It's because there's so many there's moving parts. There's there's Prettier. There's the Switch. And then there is also 3 extensions in Versus Node that could be installed. And then there also is a Beautifier built into Versus Code. Yep. And they can fight with each other. So, personally, I use both ESLint and Prettier.

A lot of people just use Prettier, but I like I like getting the feedback from ESLint, and I like getting the formatting from Prettier.

Mhmm. So the way I do it is I use Prettier via an ESLint config.

Not every ESLint config will do that, but I I put them together. So it's just 1 config at the end of the day.

Then you need to not install any Prettier Versus Code extension. You only need to install the ESLint extension, and then you need to go into your settings.

And this is all documented. I have a just Google Node sweat ESLint.

That's such a Wes blog title.

That's yeah. It's a it's a YouTube video, and it's a read me on, on GitHub.

And it goes through all the v s code. You Scott turn off format on save, and you gotta turn on code actions on save Scott fix all.

So you have to go off and turn something. And this even this morning, I was battling.

I'm working on converting my config to TypeScript, and I have the Prettier comma dangle setting, and I have the ESLint Node comma dangle setting. They were fighting each other. So every other time I saved, it would go back and forth and put

I know I know that, dude. That's awesome.

Oh, so Yeah. I've I've honestly spent days working on my config, and you don't have to use my config because you can just follow the settings and plug in your own or you can extend it. But yeah, I feel you there. It's it's always frustratingly and I've got it to a point now where I can get all my tutorial people up and running on it because the auto format is such a key thing when learning.

Yeah. So good.

Yeah. Well, I mean, like like like Scott was saying, it feels weird when he doesn't have the auto formatter, and it's Wes you actually have to, like, backspace stuff and add a semicolon or remove a semicolon.

It makes me feel so weird about how I used to code, like, without I mean, I had ESLint, but even ESLint did, you know, auto formatting at some point, whatever. But, like, man, before Prettier and ESLint together, side by side kicking butt, I don't Node what I did.

Personally, I think I my Node just probably looked terrible.

And now it doesn't. Thank you very much.

Okay. So I know this is probably running a little longer because you guys took your segmented break there.

No. It left me hanging it left me hanging.

So I think I'm gonna skip the stump and not risk myself from embarrassing myself.

But I do kinda wanna plug something because I wanna I wanna get some feedback on it because Yeah. You guys, I decided to go with Gatsby and Sanity for an artist's blog site, artist's blog slash portfolio site.

So let me know I Wes, folks at can go to erickaka, weird, you know, to say spell Erica, dot art. And, that's, like, my first kinda solo project that I've launched ever. And so just kinda wanna get some feedback. Let me know. Cool. Yeah. My network

is being really slow. What's going on here? I'm only streaming and and doing all this video stuff. Why isn't it going faster? E I r e no. E r I k k a dot art?

There's a c before the two k's. Okay. Well, that is

good good for me. Yeah.

Hey. That looks great. Yeah. Yeah. Cool.

Nice job. You I don't think you're using the Gatsby Sanity image component. No. I don't So that would be think I am.

Yeah. Because Gatsby Image Sanity provides all the pieces you need for Gatsby Image, and it will provide you multiple sizes and and resizes and image formats.

So that that's

probably somewhere to look, but it looks awesome. Nice job. Great. Thanks. Thanks, guys. And thanks for having me on. And thank you for answering this question. Hopefully, hopefully, this sticks as my future woes. Yeah. It does.

Alright.

Have a good one. Well, thanks for popping on. Popping, locking. Popping and locking. Alright. I know,

tons of people want in. Alright. Are you are you grabbing someone, Scott?

I have added Dave Kiss.

This is fun. There's there's, like, like, a little chat room going on YouTube, a huge chat room going on the Discord.

Oh, yeah. Oh, yeah. And, I'm trying to monitor them all.

I'm not looking at your YouTube. Is there there's a bunch of people in there too?

Yes.

Oh, you have people in yours as Wes? Yep. That's what we did for, simulcasting.

We're here. We made it. Hey.

Woah. Look at that setup. Yeah. This is my this is my work from home office. I need a little bit better, but, like, I'm a keep going on. You know what I mean? Oh my gosh. That is a gorgeous. Look at the some views. Yeah. Insta Insta worthy. Are you sure you're not a desk boy? I'm not sure what that is.

It's a yeah. That's a definitely a Wes thing.

A desk boy is someone who posts a photo of their desk on Instagram every day.

Oh, man. That was the sickest office. You know what the saddest thing about that JS, though, Wes? Is that, like, when I do that, when I post a photo of my desk every day on Instagram, I get way more people following me than when I do that. I don't. I do too. It works. I'm just yeah. I'm just joshing around. Oh, Josh Wes is covered in Sour Patch Kids wrappers

and Oh, yeah. Candles. So they probably wanna go too far.

Sour Patch are top tier Halloween candy for me in my mind. I'm a gummy I'm a I'm a I'm a I'm a a salt a sugary sugary Scott gummy guy. That's definitely my my go to.

Yeah. It's definitely, I think, a pretty underrated,

the chocolate gets all the love. Oh, Sanity butter chocolate. Yeah. The chocolate does get all the love. Yeah. Peanut butter chocolate kinda guy. You're a big. I'm not a big candy guy. Yeah. So I'm not either, but, like, if there is gummy worms in the house, I'm all over those gummy worms. That's for sure. Alright. Check this out. I got a sick pick for y'all. Love it. Alright. You were mentioning before about how you're using,

I think, OBS for, like, the fancy middleware for your video to your stream. Right? Oh, yes. I just came across this, not affiliated with it, called Mhmm.

You ever hear of it? Mhmm. Mhmm. No. Uh-uh.

Check it out. Okay. So this is what I'm using to kinda compose this thing. Wes, essentially, what happens is you you get, like, this Deno for your livestream.

So you have the ability to put together slides or pipe in your video, and I could also copilot it if I wanna throw another remote, webcam here in the corner. And then, as a background, I can change the room I'm in. I get these pointers to be able to, like, say, this is what I'm talking to about over Vercel. Hello? Oh, someone mentioned it in the Twitter thread. I can share my screen.

It's super dope. I've been using it lately on some, demo calls, and it's been pretty great. I like their branding,

once I finally arrived here. Yeah.

I especially like that they're using grunge on their website, and I think it is the same grunge I use.

The, like, the paint splatter one? I remember.

No. Behind it is, like, a subtle Oh. Is that gray? Oh, no. That's my monitor. Oh my gosh. My monitor is so dirty. Like, what are you talking about? I CSS there.

That your monitor is so crappy, or is that dirty? It is It's dirty? Because no. Let me explain. That's so much that you think it has aggressive sex.

So you know why? Okay. 2 things. First of all, we just Node our our top room up here, and we just threw out the drywall out this window into the river. So Node joking me. I Wes put it in a thing.

And what is he's just still laughing.

I had to hit the deck, man. I couldn't die.

And then I got the BenQ light, and it it Oh, yeah. A sheet of light straight down. Yeah. Yeah. And I didn't realize how dusty that was that I thought it was grunge.

Wow. Anyways

Wes. Pretty bad day. Did you just get, like, a spray in a towel? There's really not much

to it. Yeah. I got one of these right here for you. Yeah. The microfiber.

Yeah. Can you send it over? That way, I guess. That's a quick swipe. I do have one.

Here's a better room. Oh. I won't go too crazy. Yeah.

For those of you who are listening at home, there is a, a spooky house.

And you can tell it's a spooky house because there's a sign that says keep out on the front and the green. Oh, it's a listening too. Oh, so all these, like, awkward pauses are gonna make oh, no. Well, sick pick. Yeah. That that's what I got in terms of sick pick. I truthfully, the stump thing, I was, like, down for it, and then I think I got virtually stumped from all the other questions as well. I couldn't get embarrassed, but,

I guess I'm down to try it. Alright. Yeah. I think we should test test your luck. Alright.

Roll the dice. Okay. Stuntmaster Wes in the house here.

This is a CSS question.

What is the difference between the plus and the tilde sibling selectors in CSS?

Oh.

Plus Tilda?

Tilda.

Tilda. For those listening at home, I'm gonna preface this answer with it. It's completely made up, so don't take it for granted. Don't take it for the truth.

The plus is, going to select the element that is right next to the element that you're targeting with the original selector, and the tilde is a like pnpm parent,

selector for the current element. That'd be neat. How's that? That would be neat. The second1 would be cool if that existed.

No. That close enough. The you got the first part right. The first one JS right. Yeah. Is

the,

the adjacent siblings, and the tilde selects all further siblings, and the plus selects just the exact next one. Right?

Correct.

Yes.

Alright. That wasn't bad. Yeah. No. You got the plus. Plus, I'll sleep. Plus, I'll sleep. Alright. Selector would be very cool to have. I'd be very into Vercel selector.

Yeah. I wonder if we'll ever get that. Like, there was some talk about, like, putting, like, an asterisk on the selected element. So you could say, like this came out the other day, and Next. Js released the image component. And if you put a class on the image, it puts it puts the class on the image itself, but it wraps it in a couple divs because of responsiveness or whatever. There's no way to select there's no way to add a class currently. They're they'll they'll add it, I'm sure. But I was like, yeah. It would be cool to have a parent selector in CSS.

There's some crazy thing that I'm doing in Node as one of my selectors, I don't know what it is. Maybe you can enlighten me to tell me how I'm doing this thing. But I thought it had some like, I've never seen too much about this, but it Wes, like, equals tilde,

maybe? Equals. Or JS it or star equals?

No. It was it's or maybe the other way around.

Let me see real quick. Essentially, to describe it before what before I can find it is so, yeah, it's a tilde equals. So I have a I have a class that essentially, an element child of that of the top level class, I wanted to, like, look up the tree and say, hey. If the thing above me, like, somewhere up there has this class associated with it, Or in fact, I'm using oh, maybe I should just put this in the, Discord, and you have to tell me exactly what this looks like to you. So this isn't a style component.

Okay. Check that out. So this Yeah. Oh, yeah. Piece goes into a style component for Yarn of the app that I'm working on. And something about that allows it to look up the tree and determine whether or not in this case, what we have is, like, this data attribute, right, to determine whether or not that element up there has that data attribute. So what's going on there that I'd I mean, I was like I don't know. Must've been my ID. Copied up and I saw, but it it actually it works somehow. I don't really understand it, though. The tilde is

I think it's like the star where it's it does, like, a partial match. So you could say anywhere where the title or attribute or a class is has the word l g in it. So it could be l g dash 5, l g dash 6.

Anything that just starts with or has that l g in it will will do it. The and percent selector, I think that is something styled components.

I've not seen the at the end of I've not seen the ampersand at the end of a selector like that. That's definitely not CSS, regular CSS. But because of style components, maybe it has the ability to traverse, the selectors and go up. But, usually, the and JS, like, and this thing plus the following selector.

Right. Yeah. That's how I've always used it. And I must've, like I don't know. Like I said, stayed up late or had too much coffee, and you just get one of those zones where you just start coming up with, I don't know, something.

That came out one time, and I've never been able to actually figure out how what it meant or why I wrote it, but it actually works. I was pretty pumped about it.

Very weird. We're checking out. Interesting.

Cool. Well well, thanks for sharing that. We'll we'll I'm gonna I'm gonna check that out and see, what the heck is going on there. Yeah. Let me know. I'd love to follow-up on that at some point. I just found a blog post,

about it. Oh, the ampersand will allow you to have siblings of a styled component. That's actually handy. So let's say you are in a style component and you have, like, you know, like ESLint item, stock style component, and then the you have a next one beside it. The ampersand will allow you to select the next styled component no matter how deep you are, which is that's really cool. So, if you're if you're 5 levels Deno selectors inside of 1 style component, you can still select the next top level styled component without having to go back up the tree and then into it. That's awesome. I didn't know that existed.

Yeah. I didn't know that existed either. Straight up. Well, that, that that's definitely awesome. Well, thank you so much for sharing that.

Oh, Wes is shaking his his water bottle, letting me know that it is time to talk about hosting Because if if you, get this. Get this. If you, wanted to share this neat little bit of information that you just shared with us, what were you gonna do? Well, the easiest way to do anything is to just pop up a quick little blog on Netlify, and it is very quick. You can do it with any tech you want, including style the components and Gatsby and whatever you might like to do or, Svelte in in some front end tech or some Vue and whatever.

You can pop any front end code on a Netlify in just about 2 seconds, and it's so dang easy. You just pass it in a GitHub repo and, wham, it, it's up. And it takes care of all that continuous integration stuff that's so hard to set up. Who wants to fiddle with, build pipelines when you can just get it for free with Netlify? So you're gonna wanna check out Netlify.

They were more than just a front end host, though. They have all sorts of additional things like serverless functions, user accounts, contact forms, and all sorts of more things. So check it out at Nullify.comforward/ syntax, and you will see all of the magic. I don't know. I'm kinda trying to come up with another, another slogan on the fly here and see the magic is the only one I ever come up with. So Did you see that they they released background functions yesterday? So you can now run serverless functions,

asynchronously, meaning that, like, it doesn't have to be triggered by somebody hitting a URL, and it will run for up to 15 minutes, which is pretty cool. Someone was asking me about that on Instagram, like, 2 days ago, and I was like, you can't really do it. And then they they released it.

You can't really do it. Oh, oopsies. Now you can.

Yeah. Now you can. They rolled it out. So I also just realized we had Jason on the show.

Yeah. We can talk about Netlify.

He he works there. So is that part of of is that harming our editorial integrity, Scott?

No. Because remember how much I talked about Netlify before they sponsored our show? So, shout out to Netlify for, being a long time sponsor of ours. And, thank you, Dave, for popping on. Your name is Dave. Right? I'm I I've just assumed your name's Dave based on your username. So It's Paulo.

No. I'm just kidding. Yeah. It's Dave.

Thank you. Yeah. Thanks for, chat I'd actually yeah. I didn't wanna break up your ad speak, but, yeah, trying to get I don't know how to get off of here.

Can I a big Discord user?

No. That is very fine. It JS actually better that you were here for the ad read because that that's what we call a personal engagement right there.

Dave, I think you can just click. There's an x at the bottom of Discord. There's like a little phone within I got it. It's like a phone with an x. There it goes.

Alright. We had a whole bunch of other people that wanted to come on.

Yeah. But I I I promised Garrett he could come on.

Turn on my camera. Turn off the radio.

Hey. Woah. Oh. Yeah. What is this? Happy.

Where is it? I'm doing Halloween early. It's my favorite holiday, so I figured why why wait till tomorrow? He's a JavaScript wizard. That's how I live life.

My my favorite, x y z, why wait till tomorrow? That's, that's really dope. I'm, happy you Yarn able to come on.

So this is going to be an embarrassing question, because it is Garrett. Right? Or is it Garrett? Because I I, forever and ever and ever, Garrett's been on the chat room for a very long time. And, every time I read his username, I read it as Gareth. And I I just sort of assumed your name was Gareth. And then at one day, I was like, I am so dumb. What what what am I thinking? Gareth? Wes who's named Gareth? So sorry if your name is Gareth out there, and I just said that. But no. Thanks for coming on, Garrett. Yeah. No. You were right. It's t h. Yeah. It's the Oh, it's Gareth.

Oh, okay. I was right then. Okay. I thought something was right earlier. Yeah.

Man.

Okay. Well, that that whole bit, just toss it.

Garrett is or Gareth is our typing champion over here at, the level of tutorials Discord by a significant margin.

We did a typing challenge test, and, I think you beat me by, like, a 100 words per minute or something outrageous. Yours was, like, untouchable. What was it? Like, 260 or something? No. No. No. It was, like, 135 or something. But yeah. Oh, mine was, like, 60, and yours was, like, 135 or either way. Yeah. Everybody was like, well, I can take drink toast.

Well, you've I don't think you die. I think you would take out Wes too. We we had some, stiff competition too, and you just about

the the home keys and whatnot, the quote unquote proper way to type. And by that point, you know, I've been on computers my whole life, so I had my own way. And I think I got a a c in the class, so I have a a vendetta against that teacher, and I've always been trying to type faster and faster ever since then. One of those thousand drugs Scott goes away.

Swapping all the keys to Dvorak or whatever JS that bad?

Look at their Node third.

That level.

I listened I actually tried to do it once, because I listened to a podcast where the guy who created WordPress was like, yeah.

I have some, like, statistics that say how much, like, further your fingers move over the course of your lifetime if you don't use Dvorak. And I was like, wow. That's pretty significant. Maybe I'll give that a try. And I moved my phone to Dvorak, and my computer was still the normal QWERTY. And, it was very confusing for me for a very, very long time until I swapped it back.

Cool. Yeah. So I have a I have a, a potluck question I wanted to ask you. I'll get some insight on this. Alright. I've been working with with React Native recently. I come from a web background, and, I basically got transferred to a new project that's React Native, and, I'm loving it. Like, React Native is super fun to work in. The skills transfer over pretty well. And so my question is, what do you all think about the future of mobile development in terms of these hybrid platforms, React Native, Flutter, Xamarin? You know, there's a bunch of them right now. I think Svelte has native implementation versus traditional Android or Bos development specifically aimed at new developers looking to get into mobile development? Would you say, you know, learn React Native, learn React, or learn Android, learn Bos in terms of employability, that kind of thing?

I think, to me, personally, it depends on, like, what you're looking to build. Right? Because, React Native, it by no means is is React Native, like, lesser in terms of, like, the stuff you're able to make. But if you are a React or a Vue or a Svelte developer, there's absolutely no reason why you can't build, like, really good native apps. With those tools, let's say if you're gonna be you could probably build games just fine. But let's say you wanted to build, what's up, the flappy bird not flappy bird because flappy Vercel. The the Node where you pull the string and the bird flies and hits the or the pig fly Angry birds.

Angry birds. Okay. Let's say you wanted to build Sanity birds. I I don't think I'd go with React in that that point. So for me, personally, as a as a web developer, somebody who has these skills, I would pick a I would use those skills to build the thing. Yeah. ATN, who created Missive. The Missive is backbone Coffee script? Coffee script and Cordova, and I use that app every single day, and I'm I'm I'm happy with it. So, like, if you if you have these skills, you can make stuff that JS is, like, super legit. You mentioned the Svelte one, by the way. The Svelte one uses JavaScript who actually sponsored our show at one point.

And NativeScript is really interesting to me, but it works with, like, everything. And, it it's kind of, crazy that it does. But I I I say if unless you're looking to become an Bos dev, like, full time, I would just keep on with these tools. Or if if there's, like, a specific point that you're hitting that's like, Scott. I can't go forward.

But React Native is capable of so much. I I'm sure there's somebody out there who has built

a neat game with React Native and stuff. It it it is very, very capable. Yeah. I think it's worth your time digging into the the React Native or whatever the equivalent is for v Vue or whatever just because, like, they are really good. And if if you just look at, like, desktop apps, every desktop app that has come out in the last couple Yarn has all been built on on WebTech Discord, Deno.

I'm just looking at my at my URL bar. Same. Notion. Yes. Discord. Yes.

Hyper. Wes.

Yeah. They're all electron based. So, like, it's not to say you couldn't do that on the on the phone, especially as these phones start getting faster and faster and beefier and that, like, hit that comes. And it's not I guess it's not even a hit with React Native. Right? Because it it does compile to native. It just run the JavaScript just runs in in a background thread. So yeah. So and, like, they did they literally did Angry Birds in HTML 5, like, 10 years ago. They they did it in the browser, so there's Oh. Not to say that that wouldn't run. Yeah.

Bad example then.

What, are you familiar with what's called Vercel React, Wes? No. So there is a, sort of like a native first approach to writing React Wes you write React Native using Expo, and then you get basically output to web. So the idea would be that you do get to write once deploy everywhere. You just do it sort of the backwards way. Like React Native Wes?

Makes sense. Yeah. Because then you're not, like, trying to shoehorn web into mobile. You're just creating this Node layer. Right? But, like, I don't I've never used it. Maybe maybe that would work. It probably would. Expo is really sweet.

I I I dig it. Yeah. No doubt. Yeah. That's something I've run into with React Native is that some of the tools I love with web are not available. Cypress is a good example.

And so these, kinda cross platform things like React Native Wes that lets you run React Native in the browser, open up this whole new ecosystem of web tools. So I've been I've been very pleased with how these 2 parallel React ecosystems are kind of merging, or they have a lot of crossover.

Yeah. It's an interesting space. And and even in, like, a lot of other languages, like, like I said, I'm learning Rust, and there's, like, some neat stuff going on there and using whatever Wes tech in with Rust to deploy.

Like, basically, they have a, somebody's working on, basically, Electron where it's like a drop in replacement for Electron, basically, with the exception of your your writing in in Rust rather than Node.

And That's it does It feels exactly like, Electron. It just uses just an infinitely less of your your CPU. So there's a lot of interesting stuff going on there, and Wes tech is it's definitely one of those things that you you can bet on for any given amount of time, and it's gonna come through. I mean, what is it? Brad Brad released an app in the App Store that's a PWA. I I I we talked about being able to do that, but I haven't seen the implementation of it before. So that I mean, it's just sick what people are able to do. It's a recent thing, right, that Apple opened up the the App Store, the PWAs, I believe. I think only Google.

Oh, I I don't know that Apple can.

Google does with what they're calling TWAs. I don't really understand the difference, but Cool. Oh, yeah. So you're saying we should, all learn Rust because WebAssembly JS gonna gonna replace JavaScript,

you know, maybe next month or something. Maybe next any minute now. Any minute. Any minute.

It's pretty sick.

I when the more I learn about it, the more I find out about companies that are using it today Yeah. And, like, for the things that they're using it, I'm like, so it's actually being used in stuff for Mhmm. Really expensive things. And for the most most things that we need to do on day to day basis, who who cares? But you got something really expensive. Not a bad idea.

Yeah. Do you wanna run Unreal Engine 4 in your browser or something? Yes.

Gotta gotta restart in that.

Yeah. Absolutely.

Cool. Well, thank you so much, Gareth. Anything else you wanna,

shout out? Or or Yeah. Yeah. Got a got a sick pick, I've been enjoying recently. It's a browser extension. They have Chrome, Safari, Firefox, and Edge. It's called Yarn Reader. It's at dark reader .org, and it's kinda like a universal dark mode.

So for sites that don't have dark mode available, it, kind of forces them to have a dark Node. And I found it really great. A lot of sites I visit a lot do not have a dark mode, and so suddenly they do. It's really great for accessibility, all that kind of thing. So I'll drop a link in the Discord. But, yeah, if you're a dark mode aficionado like myself, I've found these to be. Yeah. Likewise. Cool. I like it, and I'm gonna use it. I'm already clicking the add extension button. Yeah. Cool. And I would, I would share my sleep plug. Not something of mine, but actually, the Vercel of tutorials Discord JS really cool. And if you're someone who's only in there to watch Syntax Live, stick around and hang out. We have a lot of fun.

Yeah. We do have a lot of fun. Yeah.

Especially during 2020 when we're all a little bit more isolated perhaps than we have been. It's been it's been great.

Very true. Very, very true. Well, thank you so much for stopping by, and thank you for shamelessly plugging our Discord.

Yeah.

Thanks for having me on. It's a lot of fun. Thanks for joining. Appreciate it. Appreciate it. Appreciate it. See you.

Okay. One more. Let's do 1 more, and then we'll have bring everybody in. We'll open it up. That might be awful, but let's do it. Ew. It's okay.

Alright. I'm getting some major lag.

Yeah. You're lagging for me, too. Alright, Scott. I'm gonna let you pick somebody. There's a lot of people that want it. We should do this more often. Yeah, we should do this more often. Axel's getting it because he TypeScript fastest.

And oh, Lewis, I accidentally gave the role to Lewis. Okay, so Axel and Louis can come on because I 2 for 2. Axel and Louis because I accidentally gave Louis the role to,

Accidentally.

Axel

and Lewis.

Hello.

Hey.

Scott. How are you guys doing? Let's let's stop a second. Let's see that shirt you got on there. Yeah. Let's see that shirt. Labatt.

Yeah. Lebac beer, Winnipeg Oh, beer.

98.

That is awesome. Where'd you get that?

I just thrifted it. I thrifted it. Yep.

Goodwill finds. Yeah. It's mostly for the color, but then this you know, the curling, it's like so it's like I think it's like a curling thing too. Yeah. It's definitely a curling stone. Yeah. I have a,

really sick blue, like, jacket that says Labatt sailing on it that I found. And it's got the big sailboat, and it says like, Labatt is like a old school Canadian beer company, and it's it's so cool. Like, people ask me about it all the time when I'm out, so I love love that kind of stuff. Yeah. Do you have any curling stones at your house, Wes? No. No. My friend up at our cottage, they do, they fill bleach bottles with ice and then spray paint them, and then they have, like, curling on the lake,

with that. So cool. I would do that. I would be very into that. Oh, yeah. That sounds amazing.

Yeah. Yeah. Curl I've never been curling before. I mean, so I kinda feel like one of those people who wears, like, a a Sanity shirt that, you know, doesn't listen. Like, you ask them what they the favorite album, my favorite Let's Apple album, and I was, like, I haven't listened to the the website. Everybody's wearing Thrasher t shirts right now. Yeah. And everyone's like, do you even skate?

Yeah. I I have a shirt with a griffin on it, and I've never ridden the griffin.

So it's yeah. I think we're all okay with,

supporting things that we like, like Griffins. Yeah. Cool. Are you are you from Winnipeg? No. I'm from, starting in Ontario, actually. Close to London, Ontario.

So this Oh. Yeah. God knows all about starting out. Another Canadian. Yeah. Because I'm from Detroit area. So I've been to London and I've been to Windsor extensively.

Yeah. So that whole area. I think the furthest we ever got in that way was like Grand Grand Bend, and that's not very far either. But all that area of Canada that's right around Michigan, that's definitely my area of Canada that I'm

very familiar with. I mean, it's it's Node worth like, Sarnia is not worth stopping by, really. You know what I mean? Like, if you're ever traveling, especially when you're going to Grand Bend. If you're going to Grand Bend, just, like, around Sarnia.

Just go right to Grand Bend. Like, that's Yeah. Way better than it is here. But, it's gonna be. Cool. But you know what? Congratulations, guys, on 300 episodes. Thank you. I just wanna say congrats. You got amazing amazing, accomplishment.

Yeah. Well, thank you. I really appreciate it. We got Axel in the house too. Axel. Hi, Axel. Hi there. You doing?

Hey. Awesome. Where Yarn you from? Mexico.

Awesome. Oh, nice. It's probably much warmer than up here. It is, actually.

Yeah.

Oh, cool. What kind of dev are you? I am mostly a front end dev.

I work with AngularJS right now for my project, but I like all things JavaScript.

Beautiful.

Yeah. Sorry for, not talking about Angular very much on the show.

Yeah. No worries. I'm actually a little bit, into Vue these days as well, so I'm learning it on the side.

Yeah. You're gonna keep updated.

That seems like a natural progression too. They they seem like they are are very compatible with each other.

Oh, yeah. Yeah. They're they're very similar. I just wanted to say, you know, buttering you up. You're a big top, like, inspiration for for me, personally, and, it's been great to follow you and see how you have progressed and created all these quality stuff.

I have a couple of courses from Wes, and it's it's been really, really great to learn from you. Thanks a lot for all you do. Oh, thank you.

I appreciate that. That's really cool to hear. You got anything you wanna do, Stumped or or a or a sick pick or anything else?

I do kinda have a a shout out and also a shameless self plug.

You can do it. That's why we're here.

Awesome.

Really cool. So the 1st shout out is, we're having a JSConf in Mexico. It's the JS.

Same the one you know, but, the Mexico edition. So that's gonna happen the 2nd, 3rd, and 4th November.

It's obviously gonna be remote.

So you can go to JS s conf dot MX. You can watch, the text there. People like Sanity Vieira is gonna be there as well as, Tracy Lee from the stat media and things like that. So there's a few, really interesting talks in there, so you can check it out.

Sick.

Sweet. Yeah. That's that's awesome. Jscomp.mx,

you said. Right?

That's correct. Yep. Cool. Sick.

And I have, shameless health plug for the YouTube channel. I have I'm running. I'm creating this. The idea is to have different playlists for different, projects that we build.

And it's kind of like a little bit of enhanced style where you take just 1 topic at a time, short videos that should be real quick on it. And so we have something I think Scott will like, which is meteor plus view. Oh. Oh, cool. Yeah. I'm really into meteor as well. So Yeah. Yeah. There's 1 playlist for that, and Node for building desktop applications with NWJS and Vue as Wes, and things like that. So you can check that out at, youtube.com/axel.

Just, it's my name, but it's spelled differently.

It's a c k zed e l l.

Yeah.

That's that's the one.

Nick, well, thanks for thanks for popping on. Thanks a lot for having me. We we should also say tickets to JSConf Mexico are only $10, so definitely hit that up. That sounds awesome.

Wes, thanks again. Alright. Lewis, what do you got for us?

I actually have a Paula question for you guys. So Awesome.

But yeah. So it's not it's not technical.

It's more so. So you guys are always so busy. You Node? You guys are amazing devs. So, but you're also you know, you're learning new things. You are keeping up with your family. You guys have families. You know? You guys got other things you're probably working on outside that you don't share online.

Keep it out. You know, you got so many things going on. So I was just wondering, like, what your daily routine, is like, and how do you decide to prioritize,

the projects that you guys think are worth working on? I can go first because my daily routine is a complete mess right Node, especially although it's it's been it's been getting a little bit better. Courtney and I, so Courtney, my wife works full time. She's a psychologist, and she has a full time schedule on her plate. I have a full time schedule on my plate. So, therefore, we are the agreement that we've come up to is that, neither of us get full time. I get the morning shift with the with the kids. So I get before lunch with the kids and she gets after lunch with the kids.

And then we just sort of swap or or we do that every single day. So, for me, I have what? Like, from noon to 5 every single day to work and that really, really stinks, for me especially because I'm running a business. I have people working on Vercel up tutorials.

We're doing syntax. So Mondays right away are are spent on the podcast. That means I have 4 days out of the week to, hustle and somehow record a new tutorial series every month in 4 days a week and 4 hours of those days. And so, for me, it's all about, like, being really, really, really hard about scheduling everything.

And more importantly, like nowadays, it's about saying no to everything. I I well, I say that as somebody who just said yes to 3 different conference talks. One of which I just did for Meteor, and then I'm doing one for Apollo and then Node for GraphQL.

I should be saying no to everything and I, for the most part, say no to everything.

Everything because just about everything that's not my main objective kinda gets in the way right now. So for me, it's just been about really, really, really hard scheduling and then not not getting away from that schedule as much as possible.

Like, today today is, like, kind of backwards because we're doing the live show. So Courtney JS gonna take the afternoon shift, but we're already you Node, what time is it? 1:30 here here in in Denver. So she's she's gonna get, like, a diminished time, so I I'll have to give her, like, weekend time or whatever. And it's just about shuffling things around as much as possible. But at the end of the day, I have to I have to do weekends, and I have to do nights, and I have to do whatever it takes. I take my computer to the gym. And when I'm in between sets, I am approving PRs. Like, that JS, I'm I'm approving PRs while getting PRs, in the gym.

So and and while writing PR for Twitter and email. So I it's it's just about getting it all in when you can and scheduling as hard as possible for me. 8 hours of sleep at night, though, at least at the end of the call? Trying to. Yeah. Yeah. We I I I pretty much close the the computer at, like, 8 o'clock each night. That's not like a a given, but, like, Courtney and I will sit down, we'll watch TV, we'll watch whatever, just to wind down. And we've been trying to go to bed earlier too just because neither of us get get the time. The kids have been waking us up in the middle of the night, those kind of things. So, we're if if we're not getting 8 hours of sleep, it's it's because of, outside outside intervene outside intervention. I don't know. Yeah. It's Sources. Yeah. The best thing we can do. Yeah.

For me, what does my daily routine look like? I generally work. I drop the kids off at school at, like, 8:20. I get back usually at my desk by about 9 o'clock. I'm I'm pretty strict about trying to do 9 to 5 every day, Monday through Friday, and then Scott no no evenings, no weekends. I'm gonna interrupt you here because I sent a mess a message yesterday that would have been at, like,

503.

And and it's just, like, complete silence. And then this morning, he's just like, yeah. I don't work after 5. It's like, you are so good about that. I would've got that message, man.

I really applaud you for that. Have to. I I also don't have Slack on my phone either. So, like, if something happens, it's just That's smart. I don't see it. But, like, I'm also a little bit flexible with that as well. Usually, about 3 o'clock, my wife will say, hey. Keep an ear out for Kit. She's gotta go pick the kids up. So, sometimes he'll wake up and off to take half an hour to go, be with him, but that's okay. That's that's just what the working looks like right now. Like, Scott just shared what his looks like as well. My wife usually works on weekends. I take the kids on Saturday mornings, and then my wife just works at night and stuff just trying to fit it in where it's possible.

It does seem like I have a lot going on, but, usually, I just focus on 2 to 3 or 4 projects at once, or that's for development. I usually have, like, a course that I'm working on, and then I I usually have, like, another course that I'm sort of thinking about. And if I'm, like, if I'm stalled with something like, for example, I'm recording my advanced React course right now. It's Friday afternoon. I gotta wait until Monday because there's a there's an update that's coming out with, Keystone that comes out on Monday, and we're gonna use that in the course. So I'm solving that, and then I could switch over to something else like the podcast or working on one of my new courses that are coming up. Just like personally, we have a we have a lot going on with our house right now. We are doing a bunch of rentals to our house, and that that involves painting and sanding and having trades in and, like, we're doing a lot of the work ourselves as well. And what I try to do both for work as well as for, house stuff JS to have big goals. Like, we've got 5 rooms in our our house that we're working on right Node. But you have to break it down into much smaller little things. Like, every night, I have maybe an hour and a half of time to work on the house that you can't just like, it's it's so overwhelming to look at some of these projects that take 30 hours. So you just gotta chip away Wes it's like, okay. Tonight, I'm gonna patch this thing. I'm gonna sand it. I'm gonna paint it.

And having those small wins is and having those small wins is critical for me because I go, Like, I did something. Like, my wife knows that when I'm grumpy, it's because I I ended off by not getting something Deno. And I didn't have that win. And I feel like I wasted my whole day, especially, like, when I have a bug and I'm, like, deep into it, and then my wife texts me. She's like, hey. It's, like, 507, and you're not down yet. I'm like, this is killing me because I'm, like, so into it, but I can't. I have to break away from it. So Mhmm. Trying to make get those small wins is

key for me. Yeah. Wes, I, it's funny. I think both of us, we have, like, a bit of a weird thing where, like, I think our schedules are very different in the middle of a course and at the end of a course than when we're not doing the course. Like, for me, my, like, my schedule is very much, like, on the month. Right? Like, the the 2nd 3rd week of the month warp you like, 2nd month is planning a course. So I'm just like writing a lot of code. The 3rd month is recording a course. So I'm just like, nonstop recording. And and then the the 4th is, like, editing and and getting it ready. Like, today, I have to export, like, 20 some videos when we're done with this. So, like, it's weird because my days look very different based on, what day of the the month it is specifically. But yeah.

Yeah. That's that's, maybe it's it's gonna feel like I feel like we're gonna feel like we have superpowers once everybody gets their time back. That'll be really sweet.

Yeah. That's, like, one, like, good thing about having kids is that, like like, I used to complain about how busy I was when I had homework.

And, like, that's not to throw shade on anyone who who doesn't have kids or isn't busy. Like, everyone obviously has their own challenges in their life, and I certainly felt very overwhelmed when all I had was homework. But I'm really looking forward to life gets harder and harder every every day.

I'm very looking forward to that part where it gets a bit easier, and then all of a sudden, you have these skills that you've learned in hard life. The management. And you can apply that. Yeah. Yeah. Exactly.

Yeah.

I am very ready for that right now. Yes. Very ready. Nice. Yeah. Well, thank you very much, guys. Yeah. Yeah. A 100%. Great answers as well. Great answers as well. Thank you. Yeah. Cool. Well, thanks so much for joining. Scott, do you wanna unleash? Do you want can you just add a whole bunch of people into the room, and we'll do a a send off? Yeah. Oh, yeah.

Oh, boy.

This is gonna finish.

My gosh. I can't wait to see my computer crash.

This is sincerely amazing. Oh my gosh. Because there's a limit here. I wonder if we can make the limit. Everyone, turn your cameras on. This is so cool.

Wow. Oh, Britney, your daughter. What's up? This is relatively calm. Yeah. This is relatively calm,

and there's a Woah. Woah. Somebody's in an office.

Woah. Trevor Burke. Trevor. Hey.

Office. Wow. I've never seen one of those.

Hey.

Thank you, everybody, for hopping on and celebrating our 3 hundredth episode. It's really, sincerely amazing.

Yeah. So it's really cool. We we need to do some sort of, like We have to say peace. Always say peace. We

always say peace. That's it. Yes. Amazing. What? There's 26 people. We how did we do that?

We've broken.

So we will end off by saying peace.

Ready? 3, 2, 1.

Peace.

Awesome. Thanks, everybody. Thank you so much.

Head on over to syntax.fm for a full archive of all of our shows. And don't forget to subscribe in your podcast player or drop a review if you like this show.