300th LIVE SHOW SPECTACULAR!

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

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

sweating and and stuff to to remember what count you're on. So I built this app. It's a it's a PWA

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

Yes. I am giving Britney the role of live.

5 pull ups, 10 push ups, 15 squats. And it's really hard when you're, like,

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.

cool. I will check this out. So PWA on the App Store, good good for me. Yeah.

Yes. Discord.

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

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,

Yeah.

It's really complex. It's like broken up into into 20 rounds of

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.

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.

The tulips. Right?

Yeah. I'm on Michigan.

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.

like, whenever video. Like, a client. You have a 8:30 meeting. You're like, oh, video. We put his pants on.

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 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.

Yeah. It was funny.

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

because, like, pwabuilderdot

Hey. That's Hey. Oh, video. That's always the last, Oh, so Yeah. I've I've honestly spent

happy to have you, Brad.

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.

how was that process? It was confusing

Let me Hey. Welcome to video. Hi.

You should bring Britney in next.

I have a video meeting in 5 minutes. I can't be on video. I was like, 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.

Britney.

I think it was, like, at, like, 10 o'clock or something, Courtney was like, Oh,

a little bit because mainly because of where I live, I think. Because You're on Michigan?

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

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

made with Svelte,

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

This morning, Alright.

I thought that was cobalt 2 colors.

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, That your monitor is so crappy, or is that dirty? It is It's dirty? Because

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,

doing, like, the signing process

Yes.

increment operators?

We're doing syntax. So Mondays right away are are spent on the podcast. That means I have 4 days out of the week man, before Prettier and ESLint together, always say peace. That's it. Yes. Amazing. What? There's 26 people. We how did we do that?

Yeah. Well, that's good.

LTE?

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.

No. Behind it is, like, a subtle

These are just real earrings.

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

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

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.

I think, to me, personally, it depends on, like, what you're looking to build. Right? Because, 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

But, yeah,

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,

so don't take it for granted. Don't take it for the truth.

Yeah. Like, what's missing? Because it's like it's it's obviously not boobity boobity boop, MPMI,

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

Yeah. I didn't know that existed either. Straight up. Well, Can you hear us? I don't know if you can hear us.

on GitHub.

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.

Brilliant. So that's me then. Thank you, guys. And,

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

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.

or maybe the other way around.

into me becoming like a a proper professional web developer.

So, yeah, I just wanted to come on and,

but this is basically on its 10th year,

My last name is McPhail.

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,

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 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.

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

it feels

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

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

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.

via Node working together.

but I like all things JavaScript.

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

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

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

shout out to Netlify

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.

Plus Tilda?

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 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.

Especially

I'm with you on the terrible

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?

supported right now in stable Chrome and behind a flag in Firefox,

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

Yeah. Yeah. Right.

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

I got maybe you might you might not know this one. This one is this one is easy,

weird about how I used to code, like, without

we're so what we're doing for JS our 300th episode, What what do you what do you got for us today? What do you wanna talk to us about? Okay.

right now for my project,

Then you need to not install any Prettier Versus Code extension. You only need to install the ESLint That's what I thought it was in reference to.

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?

So if you do,

when something would go down, you'd be like, oh, that that service

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,

Like, basically, they have a, somebody's working on, basically, Electron 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.

e l l.

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

or a Svelte developer,

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.

to our house, and that that involves

So thanks to this is just me saying thanks to everyone

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

Oh, awesome. About

one of the things that people complain about in JavaScript is that it does inference of a lot of things.

get this. Get this. If you,

So Node will do I have to, like,

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,

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.

that I've launched ever. And so just kinda wanna get some feedback. Let me know. Cool. Yeah. My network

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.

a class is has the word

Oh,

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 Yeah.

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.

no. Let me explain. That's so much that you think it has aggressive sex.

because that that's what we call a personal engagement right there.

and then not not getting away from that schedule as much as possible.

What is the difference between the post fix I plus plus and prefix, plus plus I, I had this Node myself, and I I could only think of one thing.

Regina.

I've been like the same Mario costume

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.

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

and,

shameless health plug for the

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

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.

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.

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

What swindled,

Yeah. We can talk about Netlify.

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

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

and,

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? the projects that you guys think are worth working on? I can go first because my daily routine is a complete mess right Node,

Okay. Check that out. So this Yeah. Oh, yeah. Piece goes

No? Yeah. Yeah. That was well, us olden

Well,

and add a semicolon or remove a semicolon.

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

So YouTube for developers.com,

It makes me feel so

Yes.

having an off by pnpm error with, like, something.

and then just James Q Quick on,

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

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.

Alright. Bring somebody else in. Alright. Bring

like, what your daily routine,

3rd party,

traditional Android or Bos development

a spooky house.

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.

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

and Lewis.

Head on over to syntax.fm Jason. I'll bring Jason in because Jason's gonna Jason's a, a Discord pro.

a keyword.

so good. It makes me very depressed.

And this Wes just for test coverage so we could do a a v one release,

And that helps avoid some kind of confusing errors.

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,

Okay. Whale fell. Whale

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

Correct.

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

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.

forever and ever and ever, Garrett's been on the chat room for a very long time. And,

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.

shame,

and I think it is the same grunge I use.

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.

parallel React ecosystems are kind of merging, or they have a lot of crossover.

That's such a Wes blog title.

youtube.com/axel.

let me know I Wes, folks at can go to erickaka, That is the that is the Connexus c CTO.

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

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.

that kind of thing?

Hey. I didn't take French, but my, my grandmother has a French maiden last name, so I'm basically French The, 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,

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

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

Stumped or or a or a sick pick or anything else?

projects that we build.

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

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

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

Wow. Anyways

Yeah. And live

2,

Wes, one time in high school, one of my friends, his dad had a company that invented

recording the window with Zoom with Shopee. I've had the exact same thing. So I do the same,

I've not seen the at the end of I've not seen the ampersand I appreciate that. That's really cool to hear. You got anything you wanna do, Accidentally.

every day.

but what some consider now an old format at 10 years old because Avid has come around with with better,

run into with React Native is that some of the tools I love with web are not available. Cypress is a good example.

You got to see, how the coffee was made.

dot art. And,

outside intervene outside intervention. I don't know. Yeah. It's Sources. Yeah. The best thing we can do. Yeah.

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.

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,

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.

Bad example then.

like, jacket that says Labatt You gotta

Alright. That's awesome.

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.

1 will increment how to get started, why people should, the benefits that come along with it.

Awesome.

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,

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

there's absolutely no reason why you can't build, like,

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.

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? 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

Sour Patch are top tier Halloween candy for me in my mind. I'm a gummy I'm a I'm a

learn Android, learn Bos in terms of employability,

We did a typing challenge test,

the next styled component

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

contact forms, and all sorts of more things. So check it out at Nullify.comforward/

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,

Fresh Prince once, and then I was a golfer.

working on my config, and you don't have to use my config because you can just

a break. I'll be right back in 2 seconds. How about I take a break too? Okay. And we just leave Whalefield.

ashamedly 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.

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.

days It's a rounding error for Scott.

they fill bleach bottles with ice and then spray paint them, and then they have, like, curling on the lake,

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.

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.

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

Wild cats. Because I feel like those are different things. Oh, there he is. Dett.

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 I wild cats?

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

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

it just makes documenting stuff so much more fun. I tweeted the other day. I put a sarcasm component

have big goals. Like, we've got

V s code

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.

Ready? and we are having people come on. And they either have to ask us a poll Wes. They have to do a sick pick.

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

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

I don't know. I don't know if I know any of these. So I know that

and Prettier playing nicely together,

The plus is,

that you have to answer or shamelessly plug something.

Axel regular CSS. But because of style components, maybe it has the ability to traverse,

really sick blue, He he works there. So is that part of So today, we're sponsored by 2 awesome companies. 1st 1 is Sentry,

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,

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.

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.

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

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

So thank you guys, both of you. I mean, I think, Wes,

Cats.

keep installing and and adding configs until it works.

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,

that's, like, my first

house stuff JS to

No. That is very fine. It JS actually better that you were here for the ad read I mean, well, I have a bunch of random crackers, which is really,

And it goes through all the v s code. You Scott turn off

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

I CSS there.

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,

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

and you have, like, you know, like ESLint item,

and and while writing PR for Twitter and email. So

completely stumped.

So I've always had,

And Mhmm. Yep. 2 from Texas, and Britney JS from the Scott. So,

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 Oh, boy. What are portals in React?

Yeah.

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

YouTube.

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

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

with each other.

sibling selectors in CSS? the on the swag. Cool.

which I'm very excited for because that is the They're

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.

contributing

That's yeah. It's a it's a YouTube video, and it's a read me on, Yeah. Can you send it over? That way, I guess. That's a quick swipe. I do have one.

Yeah. So it's really cool. We we need to do some sort of, like We have to say peace. Always say peace. We 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 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

a CSS question.

Whale, Phil, you, without relying on Twitch or whatever. You know? Pretty sweet.

Let's,

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,

So Yeah. Where Node layer. Right? But, like, I don't I've never used it. Maybe

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

versus

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

I've got the

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

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

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.

image formats,

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

weird, you know, to say spell Erica,

Node.

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,

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

My Halloween costume because Discord hasn't implemented

Beautiful.

which is pretty cool. Someone was asking me about that on Instagram, like, 2 days ago, and I was like,

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.

Yeah. You're gonna keep updated.

the

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.

extension,

Deno. Yeah. It's funny. My my biggest thing is when,

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

side by side kicking butt, I don't Node what I did.

So Oh, that's awesome. Yeah. It's something something a little different. I'll leave a little link in the Slack,

to, hustle

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

code actions on save Scott fix all.

E I r

Can I a big Discord user?

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,

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

right next to

crackers and cold brews, really my my MO here. You know what else is something that is a really big

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

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

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

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

And then I had to master the No. That close enough. The you got the first part right. The first one JS right. Yeah. Is

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

That's amazing.

and the tilde selects all

Thanks for stopping by, Henry.

break up your ad speak, but, yeah, trying to get I don't know how to get off of here.

I think that is something styled components.

James.

Jason's coming or something. But No. No. That was,

Yes.

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

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

I'm not sure what that is.

Makes sense. Yeah. Because then you're not, like, trying to shoehorn web into mobile. You're just creating this

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

what's the what's that movie where he's wearing he's wearing all the Reebok? their four zero four page had a fail whale on it. And

That seems like a natural progression too. They they seem like they are are very compatible Scott.

and we've achieved it. We've got 98%

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

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

Austin. Where are you from?

Anything that just starts with or has that l g in it will will do it. The and percent selector,

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

everything.

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

the selectors and go up. But, usually, the and JS, like, and this thing plus the following Wayne's World. Wayne's World. Gonna go for Wayne's World on stock style component, and then the you have a next one beside it. The ampersand will allow you to select

That's that's the one.

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

like, band Node, like, Spence Diamonds and the 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,

Alright. Jason. Hello? Personally, I think I my Node just probably looked terrible.

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,

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.

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?

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

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.

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.

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.

slash portfolio site.

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

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?

Yeah. So good.

Okay.

So

you can't really do it. And then they they released it.

That sounds like a like a Myspace crunk core,

Vercel selector.

They were more than just a front end host, though. They have all sorts of additional things like serverless functions, user accounts,

And it's kind of like

Dave Kiss.

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.

getting some major lag.

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.

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

and it will run for up to 15 minutes,

JavaScript 30 Wes, like, one of the sort of,

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

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

l g in it. So it could be l g dash 5, l g dash 6.

a Canadian in the house. Another Canadian. My wife is from Yorkton. Oh, really? at at the very end, we should just let as many people in as we can.

Yeah.

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

accidentally.

take a stump Wes, so Scott or I will give you a, a question about JavaScript or CSS

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

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

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.

Hello? Hey. You can hear me. Cool.

Saskatchewan.

I TypeScript.

Thank you. Yeah. Thanks for, chat I'd actually yeah. I didn't wanna

once I finally arrived here. Yeah.

503.

Do you wanna shamelessly plug anything?

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.

Yeah. That's that's,

into

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?

know. The correct way. Except, like, you use miles per hours on your street. Right? Node comma dangle setting. They were fighting each other. So every other time I saved, it would go back and forth and put

like, to the YouTube,

accomplishment.

OBS.

I work with AngularJS

It's pretty sick.

config.

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

98.

to it. Yeah. I got one of these

all these quality stuff.

Cool. Yeah. It's definitely

that essentially, an element child of that of the top level class, I wanted to, like, look up the tree and say,

Totally. Let's get a stump question going here. Let me, It's a yeah. That's a definitely a Wes thing.

going to select the element that is

and, a lot more thanks to your recommendation, Scott. So dinette diaries

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, Alright. I'm

That's the big one for me.

v s code prettier,

me, personally,

e no. E r I k k a dot art?

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

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, 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.

YouTube, James, q quick.

Hyper. Wes.

and then you need to go

who is in his repository at the moment, he did a great job setting up, an umbrella issue.

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

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.

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.

Oh, Yeah. Oh, yeah.

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

Wes you actually have to, like, backspace stuff

in hard life. The management. And you can apply that. Yeah. Yeah. Exactly.

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.

the adjacent siblings,

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. We do have a lot of fun. Yeah.

The question is

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 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 the mutations are are secured themselves.

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

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.

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, 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 And this is all documented. I have a just Google Node sweat ESLint.

you know, buttering you up. You're a big top, like, inspiration for for

not affiliated with it, called Mhmm.

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.

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

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.

Gotta gotta restart in that.

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

They can finally get some, like, good speeds.

stumped. Stumped? I actually was

especially

the first like, the gateway drug

from Hacktoberfest.

element that you're targeting with the original selector,

and they go right to

What, are you familiar with what's called Vercel React, Wes?

for an artist's blog site, artist's blog

We've broken.

selector.

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.

things into your MDX file. So not just Gatsby, but Next. JS,

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,

I I I dig it. Yeah. No doubt. Yeah. That's something I've

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,

Very weird. We're checking out. Interesting.

I and then log

and I have the Prettier comma dangle setting, and I have the ESLint

That level.

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

Well,

and then VSCode Prettier ESLint.

Saskatchewanians

It's more so. So you guys are always so busy. You Node? You guys are amazing devs. So,

Brilliant.

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

syntax,

I have,

No.

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

recently put out an ebook actually called YouTube for Developers at youtubefordevelopers.com

So that that's

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 Vue as Wes, and things like that. So you can check that out at,

Npm install. Wes. Once oh, Bos your uncle. I hit save and my code looks good.

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

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

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,

Hey. Awesome. Where Yarn you from? Mexico.

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

use strict in quotes

That's correct. Yep. Cool. Sick.

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.

versus if you I plus plus, it would log I and then add the 1.

definitely my area of Canada that I'm

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

And then I got the BenQ light,

is a like pnpm parent,

It's obviously gonna be remote.

Tilda.

This is

for the past, like, 4 years since I started Vercel, so

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.

I I,

Yeah. So not far away. I've been to Saskatchewan many times in the winter, which is absolutely freezing.

old JavaScript

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

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.

tutorial. I think it's a step of where they've selected their extension

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

Turn on my camera. Turn off the radio.

if that existed.

Tilda. For those listening at home, I'm gonna preface this answer with it. It's completely made up,

No. It left me hanging it left me hanging.

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,

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,

Use the plus equals if you need to.

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

Wes is shaking his his water bottle, letting me know that it is time to talk about hosting I have It's very cool.

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.

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

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

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.

It's funny. It's, like, this, like,

Hello.

around 80 issues. And so Paul Scanlon,

No. No. My friend up at our cottage, they do,

and which I have a a significant amount of problems with myself. I feel like. Right? Am I

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

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,

there.

and all this sort of, like, tooling around,

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

YouTube channel. I have I'm running. I'm creating this. The idea is to have different playlists for different,

performance and specifically performance monitoring, images have become a little important. So I have some videos

plug Oktoberfest,

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,

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.

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

is like, and how do you decide to prioritize,

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.

No. It was it's

I'm working on converting my config to TypeScript, Yeah. You have your and you have your own, like, telephone company up there too, SaskTel,

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

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

Woah. Trevor Burke. Trevor. Hey.

No.

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.

My audio.

So we will end off by saying peace.

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.

ESLint Yeah. And Prettier,

I especially like that they're using grunge on their website,

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, Oh, boy.

A browser thing called Repllet,

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?

which no one has spoken about so far.

Yeah.

it's been great to follow you and see how you have progressed and created

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.

Because if if you, 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.

I think, OBS

Hey.

Discord, and you have to tell me exactly what this looks like to you. So this isn't a style component.

your

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,

Oh, from the UK. Yes.

That's like dreams, man. Like, my dream is to have one of those L shaped couches

Nice job. You I don't think you're using the Gatsby Sanity image

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,

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.

But I do kinda wanna plug something because I wanna I wanna

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

if you're if you're 5 levels Deno selectors inside of 1 style component,

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,

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

format on save, and you gotta turn on

because it is Garrett. Right? Or is it

So you're gonna wanna check out Netlify.

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

Yeah. Yeah. And you almost never see

And if I remember correctly, TypeScript was a way to turn some of that inference

Oh, yeah. Yeah. They're they're very similar. I just wanted to say,

it would increment

yeah. Stumped stumped shows no mercy.

Anything else?

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

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.

fail whale or whale failed.

Woah. Spooky. Oh. Pres nerd.

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

Mhmm. There's so many,

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

Man.

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?

and some some things like you can create a variable without putting Yarn in front of it, or you can,

Sick.

Yeah.

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.

in Safari 14, so Big Sur and Bos 14 JS, you'll get WebP support, London, England. And,

the Wild but this is something that I know a lot of people don't know because maybe not necessarily something they've used.

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

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

right here for you. Yeah. The microfiber.

I just thrifted it. I thrifted it. Yep.

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

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?

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.

Sick pick? Sick pick. Sick

Yeah.

A hoodie. Yeah.

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.

Okay.

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

This is gonna finish.

and it will provide you multiple sizes and and resizes and image formats.

Yeah. I wonder if we'll ever get that. Like, there was some talk about, like, putting, like, an asterisk on

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

I have a Century shirt too. I should, like, go full

finally,

Austin.

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.

Yeah. Lebac beer, Winnipeg Oh, beer.

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

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.

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.

What is the difference between the plus

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

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.

it's auto save plug in. Yeah.

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?

lightning talks on Eleventy.

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.

bit with better specs.

into my MDX

man.

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

So it's yeah. I think we're all okay with, I'm a I'm a a salt a sugary sugary Scott gummy guy. That's definitely my my go to.

problems with pnpm

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

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.

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

I Wes, next, announcing that image component

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

So I've been contributing to a repository called MDX embed,

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.

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,

1.

Yeah. Because Gatsby Image Sanity provides all the pieces you need for Gatsby Image, Because it it can bite you if you don't know what you're doing.

The the way the way that I do it is I just added 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.

Keep it out. You know, you got so many things going on. So I was just wondering,

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

test coverage, I think, now. It was 0 before.

which

of is that harming our editorial integrity, Scott? asynchronously, meaning that, like, it doesn't have to be triggered by somebody hitting a URL, and I set off to I just evaluated.

weird when he doesn't have the auto formatter, and it's

podcast, Wes,

Look at their Node third.

kinda

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.

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.

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

And especially this week with,

there.

sort of like a

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.

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.

like, obtuse thing to know about JavaScript, but, like I didn't know you could do that either. Alright. Well, 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.

I'd just like to say there was, like, 80

Oh, yeah.

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,

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 maybe that would work. It probably would. Expo is really sweet.

my Wes, my aunt, my aunt in law was like,

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.

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

Yeah. Absolutely.

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

coming next week about this conference I I put together.

like, plus plus if you console log plus plus I,

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

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 Sick.

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

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

It's a c k zed

and then my wife just works at night and stuff just trying to fit it in where it's possible.

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

That is awesome. Where'd you get that? This is really convenient that everybody has, like, high quality mic

Node document.

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

have a global variable

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.

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 Cool. Well, would you like to do any other, or are you, you done? No. That's good. I appreciate it. Yeah. Great show.

the Node where you pull the string and the bird flies and hits the or the pig fly Angry birds.

Garrett? Because

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,

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

normal everyday dude to the next day, Have a good one. Well, thanks for popping on. Popping, locking. Popping and locking. Alright. I know,

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.

off or to to make it stricter.

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.

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? life gets harder and harder every

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.

I mean, I had ESLint, but even ESLint did, you know, auto formatting at some point, whatever. But, like,

my wife will say, hey. Keep an ear out for Kit. She's gotta go pick the kids up. So,

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,

specifically aimed at new developers looking to get into mobile development?

I have an eggplant.

middleware for your video to your stream. Right? Oh, yes. I just came across this,

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, the audio in general for me in my office. They just love twiddling the the the knobs on my compressor and then just

Pnpm.

Tracy Lee from the stat media and things like that. So there's a few,

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

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

11 minute

And,

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

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

and the tilde 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.

We're here. We made it. Hey.

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 component. No. I don't So that would be think I am.

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

Let me see real quick. Essentially, to describe it before what before I can find it is

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

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

Really? Wes needs some butter for his barbecue.

so, yeah, it's a tilde equals. So I have a I have a class

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,

about this, but it Wes, like, equals tilde,

No. Because remember how much I talked about Netlify before they sponsored our show? So,

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

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,

for, like, the fancy

at the end of a selector like that. That's definitely not CSS, into your settings.

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

maybe? Equals. Or JS it or star equals? Oh. Is that gray? Oh, no. That's my monitor. Oh my gosh. My monitor is so dirty. Like, what are you talking about?

Would you say, you know, learn React Native, learn React, or

olden folk, when Twitter used to go down, like, every day,

and you type in use strict at the top of it, it will convert that,

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

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

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?

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.

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'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].

Yeah. Well, I mean, like like like Scott was saying,

no matter how deep you are, which is that's really cool. So,

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.

tent everywhere.

So this is going to be an embarrassing question, Oh, you have people in yours as Wes? Yep. That's what we did for, simulcasting.

lets you embed,

Oh my god.

solo project

picture it in my head to actually explain which 1.

3,

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?

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.

Alright. See you.

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.

Alright.

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

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

Hey.

JS it wild cats or wild cats?

do, and what are some of the benefits of using it?

And

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

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.

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.

They're fiber lines.

really interesting talks in there, so you can check it out.

Not me. I took grade 10 French.

leave it on that now, I guess.

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.

Alright. Spence is up next.

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

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.

you've problem of mine

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

Get a stick on, I think.

Wes. Node. It's, Sure. Before we Yeah.

the value first before,

Awesome. Thanks, everybody. Thank you so much.

No. So there is a,

the JavaScript runtime to strict Node, which cleans it up. Because if you can't break

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.

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

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

server specific photos.

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, And what is he's just still laughing.

And then we just sort of swap or or we do that every single day. So,

get some feedback on it because Yeah. You guys, I decided to go with Gatsby and Sanity

watching this. So let's have him on.

Sanity Live.

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

There's this is the lock. This is a lock, See you. Later, James. See you. Alright. We're gonna get Whale Phil on. Yeah. I'm gonna take that, that that's definitely awesome. Well, thank you so much for sharing that.

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

Oh. Oh, alright. Alright.

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

that's good.

Scott,

We should 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,

Yeah.

Yeah. Just just joking.

is a pop. They're very different.

Oh, pop and lock?

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.

The escrowhero.com.

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

new web dev class in London,

Wes, check that out. That would be great.

their people always tweet tweet at us. Whenever we say the word tailwind,

Appreciate it. Yeah. No. So my YouTube channel is, obviously, Node Stacker with an r,

Animations are AOS, Sanity on scroll.

He just he tweeted that he's having a beer,

Awesome.

Popping is the popping is the

It's Yarn to explain, but, there's finger points, 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.

and then just released a new course, vscodehero.com.

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

The shadows.

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.

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

Man,

that kind of stuff. Well, this is waving. But popping, this

and this

Yeah. Thanks.

Sweet.

How's it going? Okay. Cool. Cool. I was, like, completely confused. I was like, what is going on right now?

is popping. And then locking is

Oh, somebody didn't give Spence the role. Sorry. That's why Can you guys hear me? Can you guys hear me? only just because I don't want people snooping around. But in the same regard,

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

Even the Sanity animations too? 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

Alright. Oh, here's Henry.

we've been getting,

Yeah. This looks nice. I like the,

Could we?

Henry.

Who we want next? Spence is 10.

Adam has been sending us messages about the quality of our audio. So hopefully it hasn't been too bad. Alright. Spence.

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,

Cool. Super simple. I don't know if you're allowed to say the word tailwinds on this podcast anymore because, Wow. Oh, Britney, your daughter. What's up? This is relatively calm. Yeah. This is relatively calm, For real.

I'm alright, man. Just, I had a pretty interesting morning. I just did a little q and a with this,

you know, I was just answering questions and stuff like that, so it was it was pretty interesting.

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

is is like very clown like.

it is very frequent that we have children either running around or or fiddling with our knobs or, or just ruining the the, Oh, okay. I was right then. Okay. I thought something was right earlier. Yeah.

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? Yeah. But I don't know which mic.

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.

Yeah. Sorry for everybody get some downtime.

is like 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,

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

So

to Syntax. This is

episode number 3

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

Sick. How you doing today, Scott? Woah.

I had no idea

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.

I can't.

Welcome

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.

hundred. Can you believe it, Scott? 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.

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

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.

and Wes Bos.

And so I wanna Scott out Mux real quick. This is mux@mux you said. Right?

that it's been that many.

Discord or We we were on a call with,

is being streamed on a platform called Mux.

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

and the second 1 is Netlify. We'll talk about both of them partway through the episode.

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

Zoom directly into OBS. It was like way choppy for some reason.

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.

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

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.

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.

I do.

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?

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

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.

Yeah, dude. It was like that,

So it's, it was a lot.

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, Oh, man. Awesome. Any any other ones you wanna do or just wanted to plug the ZTM academy?

I'm saying that wrong. Eleventy.

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.

I always mispronounce it. Sorry. I'm French.

like, the 1st 20 or so, then I kinda fell off after that, so I have to apologize.

that,

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

to drop a link about,

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

Yeah. Well, tell us about your you're into

it? Eleventy.

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.

Node one t y.

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.

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

acronym for

what I wanted to say is, just for fun, I'm doing a meetup on November 11th, so 11:11.

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

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.

what's the

Oh, CSS. Sorry. SSR. I'm so confused now. But

in the, in the chat. So, basically, 2 things I wanted to plug real quick. Next month, yeah, I'm doing a

performance. You run JAMSAC Toronto.

No.

Eleventi.

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

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.

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?

kind of rushed to get out an alpha of a product,

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 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,

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

and

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.

They had a really neat streaming 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

and

Yes. If anybody would like

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.

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.

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 I said, well, hey, they have this awesome thing called GraphQL playground that we can embed into the website

system that warp just basically piping in and then using HLS

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

a React

.com. This is not an advertisement,

Hey.

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

Something interesting came up, on my team at Adobe. We were

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

related to CSS or or or JavaScript or Node or something like that,

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.

And about v s Node, ESLint, Props.

this product included a GraphQL API, and we didn't have time to document it.

Brad with the setup.

but this is where I host my videos personally.

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.

on my brain is today. But what was the what was the the site? I I can't find the site. 30

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, 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

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 So

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

puts a container up on top of another container, and you can actually access,

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

Yeah.

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.

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. 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,

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,

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

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

the ability to introspect the GraphQL API.

due to

Iran in the chat says that they expose

That makes sense. I like that. That's essentially what we wound up doing was we routed it through this service that required authentication

introspection?

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

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.

that that's better than documentation.

through obscurity.