CJ Reynolds is Joining Syntax

So, yeah, I I flipped I flipped kinda, like, the worst job into, like, a more fun job Wes I actually got to write some code as well.

I agree with that. I haven't heard the fans turn turn on, but I I haven't tried streaming directly from it. I think I'm I'm also kind of, like, set in my ways. Like, I have my stream set up where I can just go live, so I haven't Yeah. Tested out anything new. But, I mean, you're completely right. Like, this thing is quiet. Like, I've never heard it spin up. Yeah. I was having, like, mouse lagging issues with OBS the other day, though, that I I couldn't figure out. So, Eventually, I also started working on, like, Myspace themes.

Yeah. So that was that was my 1st dev job.

so, yeah, that was my my first exposure to, like, web tech.

Oh, that's cool. Yeah. I have to use that. What what is some tech that you're into right now? Like, what's some cool stuff that you you feel like inspires you,

I just wanna be able to, like, make my own thing. You Node? How how do people make these apps? And slowly but surely, you sorta figure it out. Yeah.

rate these kind of stress tests and endurance tests. I just think about how this would translate, into to code it at any given time. It. This trash bag Node specifically was a blast to watch.

let's explain what that is. A 65% keyboard means that it's, what,

This is ridiculous. He tested

I learned them, so, like, they're kind of, like, there when I'm solving other types of problems.

I mean, it it took a while. So, initially, what kind of monitor do you use? So for the longest time, I just use my my MacBook But then eventually,

I so

and then you also have, like, the arrow keys that are, like, offset from the rest of the keys, then you have a separate row for the function keys.

he's not a green developer if, if that's what you thought. No. Oh, that's Scott. Yeah. That's definitely not the direction I was going in.

Oh, yeah. It's a little cumbersome sometimes because you do have to press, like, the function modifier to get your f keys. But fun fact, have you seen,

I would be out. You know? I went to a, a park with Travis Nielsen,

Because, like yeah. So I I later in my career, I transitioned into full stack development, and never once am I actually, like, working on algorithms from scratch or data structures and stuff like that. But if I'm

and then I've got a audio interface that plugs into that as well.

then they would subscribe, and then eventually, they would come in and and start hanging out in the live chat. Mhmm. So, yeah, it was it was a slow process, but that discoverability, I think, was key early on in on YouTube.

actually, I I found out earlier that PlanetScale rolled out foreign keys, like, an hour before I discovered this.

Nice. Yeah. We recently got a, an electric piano that has, like, a real piano key field in the house, And it's so nice to just have 1 around because I I'm Scott, like, a trained pianist. I took I took piano lessons many times in my life, but, like, I'm not great. But it's just so nice to have the piano to sit down,

I was working on, like, Flash embeds for Myspace as Wes, so, like, doing action script and stuff like that. But, yeah, honestly, most of the stuff I've done has kind of just been, I wanna do the thing, so I have to figure out how to do the thing versus the reverse, I guess.

let's say I'm working in a Redux store in a in a React app, and

I was happy to see that the Kirkland brand, which is the ones I already bought, were, like, 3rd place in the listing. The drum liner

But talking about discoverability. So, yeah, 2 or 3 people actually watched live,

Oh, I see. Click on that's hilarious.

Nice. We're we're only allowed, like, 1 bag of garbage, so I I did there again. I did the research and found the biggest garbage bag you could possibly buy. It may count. Yeah. Shameless plugs. CJ, what would you like to plug?

So especially starting this new job, like, I've made sure that I have, like, the right desk set up and everything. I I started to get, wrist issues

No. I think that that's a that's a really, professionally as a developer?

yeah, for me, it's super fun to just see what's out there and see what's beyond JavaScript, basically.

developed by Ed. He, he put out a, like, a game challenge. She was like, an hour game challenge, like, what can you build in an hour? And so I I built this and, I built it on stream. So there's a stream of me building this live. And the idea is that so you you see a website, you see a bunch of animals jumping around, and they're leaving little poop emojis.

on what the students are having issues with. And so I got really got the hang of, kinda just, like, like, I'm in front of a like, I'm in the classroom, and I kinda just doing my thing. Like, pay less attention to, like, the view count. If people come into the chat, do my best to, like, interact and talk to them. But, I guess, Coding Garden. If you visit coding.garden, it has links to all my stuff, Twitch, YouTube,

thrift stores, so I'm, like, always on the hunt now. One day, I'm gonna find 1, and I'm

that I'm not I'm not immediately reaching for, but, like, and, he's too scared to come down the stairs. So I guess, what do you wanna hear about?

every single .com domain name. And, this is a pizza cutter that is basically just a wheel,

So there Wes like a bar chart and a line graph and heat map.

you

I I I knew yeah. But, I I kind of felt like that video I made was almost like a sponsor me tape. So, like, there there's this whole idea, like, when you're growing up skateboarding of, like I know all about this. Yeah. Yeah. You to get your best tricks, and you wanna get it on film, and you wanna get sponsors. So that that was like a syntax sponsor me tape, basically.

And then I can't I know what the keys are on the keyboard, and I know enough to figure them out that I can sequence them to sound good. But I can't really play, like, with 2 handed piano.

apps, specifically Windows desktop apps, they only run on Windows. Right? And so, Just I I spent the most time with it more recently. For the longest time, I was doing React professionally, red and gray and black color color theme, and I do like the the 65% keyboards because they take up less space.

writing down a few objectives that we would cover and then going and, like, kind of, like, making sure that I cover each objective,

like, a kitchen gadgets. You know? Often people will get me kitchen stuff, and I'm just like, like a that seems like a bit of a a gimmick, but

the best or the right one just because it feels right. There's all these different approaches, and that recently hit me with the whole HCMX thing. Not that, like, I wanna build everything in HTMX. No. I think I'm still firmly in the the Svelte world. But when I tried HTMX, it was kind of like, oh, this is very different than what I do,

Let's hear about the 1st software job and then the 1st web dev job specifically.

Yeah. I got to, I was a rollerblader, But I gotta say, I learned a lot about trash bags. And the most interesting thing about this video is this guy manages to create

having mechanisms for that, like, really, like, sharing types between front end and back end, having more structured code bases. So Hono is really cool. I've been looking into Hono.

Yeah. It it just goes to show how how close we're getting with the browser to to actually having I I think that's that's the thing is, like, I've used HONO for a lot of stuff, and then I go, yeah, I kinda want

you know, my boss had moved on, and I took on the the senior role from him. And it puts you in such a weird position. It's interesting that you had to do that with c sharp after,

Is that, like, something that you get joy from JS is trying a bunch of different new tech? Definitely. I I mean, I think that's that's one thing that can happen if you just only use 1 type of tech or 1 platform for a really long time is you you miss out on what the other languages and frameworks and ecosystems are doing. So more recently, I tried Laravel for the 1st time, and it was really cool to see how everything is just built in. And then, like, a few weeks later, I tried Java Spring Boot. And, again, a bunch of stuff built in, it does a lot for you. So it's like I I think the people that are creating these types of frameworks in the JavaScript and TypeScript world, they're pulling influences words you can use to describe the type of learning that's going to happen. So, and then I like bowl skating too. So I'll do, like, little, like, slappy grinds and then just, like, rock to fakies and stuff like that. That freaks me out, but I love that you can do that.

That's sweet. And you have you bought a syntax deck. Right? I did. Yeah. Yeah. It's it's right here.

I know you've you've made all kinds of interesting stuff, but

you when you're I think to even to develop a persona and, like, get comfortable, you kinda just have

to being, like, a techie. Right? Like, you you you can do all the gear. You can dial in all the settings,

visualizing things

Yeah. And CJ JS Node to be producing regular content on the Syntax YouTube channel. My shameless plug will be the Syntax YouTube channel. The podcast is in a video form. If you wanna see,

on last week, I remembered that you can download a text file of every single

like, I I attached a neck to it and stuff like that. So, like yeah. And be even beyond coding, if I wanna do something, I kinda try to figure it out. Yeah. That that fits really well. What I'm hanging in there. So Yeah. Power through. Right? Yeah. For sure.

which is wild, and I was just like, this is a major, kinda interesting to see how they were all set up. And, like, I was, like, big into, like, CoffeeScript

So I use Versus Code.

eras were just, like, Nice.

do vans

Probably my dog is my is my biggest hobby. So I have a a Saint Bernard.

from other languages, other frameworks, other platforms. And so,

They're they're the best.

So

impact drivers and stuff. But he he since moved on to all kinds of different things. And his most recent video is what I'm sick picking explicitly.

your you have a m one?

is it new year's day Scott. You can actually go there right now, and it will show everyone's mouse on the screen that's on the site.

kind of informed

Terabyte?

anything to get your setup so that you're at 90 degree angles. So, like, make sure your arms are at 90 degree when you're using your keyboard,

And, it's actually super interesting because AngularJS,

clear

without And so but the the fun part about building this is it's actually internationalized. And so on, for those listening on the podcast, on the screen, it actually says 10 months, 11 days, 14 hours, 16 minutes, 14 seconds until the New Year's Day. But we internationalized And when I got the job, they gave me a a a a manual, like, this thick that was, like, this is the 1st step you need to do to upgrade, and this is the next step. And I was, like, you know what? This can be automated. So I Yeah. I basically I took that manual and I turned it into a a Bos script where you like, literally, it used to take an hour to upload to upgrade a site. Now you would run my script, it would ask you a couple of questions, and it would upgrade the site in, like, 2 minutes.

In the 1st internship I had, I was assistant administrator.

Yeah. That was kind of me too. I my I did React professionally,

Prisma has, like, this, like, virtual,

I was so bad. Like, it took me probably just it it was software that needed to run-in the field and they had really, really old computers out there. So the actual UI was just printed reports. So the software would run on the back end, but the the output that they would get would literally, every morning, would run a a job that would print out the charts and their plans for the day.

What was the what's the worst thing you've ever had to do Squid Game? I have not seen Squid Game. It freaks my wife out, so we don't watch it. Yeah. I gotcha. But,

started to do, like, off the cuff lessons. So, like, instead of, like, planned lessons, like, we're gonna teach this and this and this, like, there would be some students that were struggling a little bit. So it made a lot of sense to be, like, alright. Let's just do an impromptu lesson Mac from I think 2021.

A couple. I had taken on a a couple, like, freelancing projects

and Svelte kind of ticks all those boxes. So, yeah, I build things with Svelte these days.

like, 2 HDMI capture cards, 1 for the camera, 1 for the PC, What I wanna try to what I'm trying to game it right now. Yeah. I'll yeah. That's classic Wes here. There's protections against it. You can try. But you'll notice, like, if you try to click too fast, the emoji will reappear.

but because it's that YouTube livestream now becomes a a VOD, it has thousands of views now. And so, that was the nice thing about starting streaming on YouTube initially JS that even if I when I was live, only a few people watched, eventually, other people would go back and find the livestream,

VX 1000. Yeah. Classic.

for importing data and basically creating like reusable datasets that you could like drag and drop onto the various visualizations.

an array. And if it wasn't, I would just just let it go. And Yeah.

intricate tests for weekly throughout the neighborhood with the dogs and kids and stuff. But Yeah. Dropping in

and

Like the filename it's called. Yeah. Yep. Yep. I I FX 10? No. Obviously not. I just like going in my search history. I rented 1 in college, and it it Wes like, I got to live out my skate dreams. The VX 1000.

So I downloaded in the past. Is there

the outside of their their bubble. Right? You know? I I know for me personally, you know, a little scary there. What what's the best trick you ever hit ever in your entire life?

Peace.

Gotcha. So,

and processing the chunk as it came in, and if it was long enough, I would throw that into

Definitely.

week? I think it's this week he'll be 8 years old.

and, like, that kind of is definitely parallel to, like, everything else I do. It's just, like, just try it till you make it work. So, yeah, I've never been really that good. Early days, I landed maybe, like, 2 or 3 3 60 flips.

So, are you all familiar with, Dev Ed? He has a pretty big YouTube channel to stream, like, everyone's watching or, like, no one's watching. I guess whatever work works for how you're comfortable. You know? Yeah. That that was,

I'm gonna reach for the thing that's easiest, the thing that is, like, the least resistance, and not even, like, think about the performance implication of that. And I was like a more mature developer. It's like, oh, wait. I you know, maybe the the simplest solution isn't always the best solution in that regard. So it seems like you did get to skip maybe that that step of being the immature developer.

Yeah. What what is your go to framework if you were to, like if you were to build a startup today, what would your stack be?

What kind of hobbies do you have? What do you what do you do besides I know you mentioned, you know, doing some music stuff, but Yeah. You know, what are your what are your hobbies?

define which kind of gets into my philosophy, which is, like, I you maybe don't see it as much on the live stream, it happens every now and then, but I I do like to be objective focused. And so these are, like, actionable things that students should walk away from from a lesson. So, like, you only draw, like, every 10th besides, like, coding and dev, like, all I've gotten into, like, making, not so much recently, but for a while, I was working on a camper van, like, trying to build it from scratch and Yeah. I play I play music. So, like, I've been building out a guitar, so I have to, like, solder it and, So yeah. I I we we walk him, like, we go for multi hour walks, like, every weekend, and

developers, like I don't know. I don't wanna put Wes in this boat, but definitely myself where, like, as an immature developer,

script with Dino

is actually, let me look up the exact name really quick.

So besides that, working in that code base. And so the the app itself Wes a desktop app that did data visualization.

Like, I thought I thought if I just streamed it, it would just garbage collect.

Tripod. Yes. I also hosted on Tripod. Or do you ever get into Angelfire or GeoCities?

I like this because it's nice and portable. I can throw it in my backpack, take it with me places. Yeah. Mhmm. Do you do you use f keys a lot? I recently just turned off Look. I haven't used f keys since I had a Windows computer because Mac, by default,

So that's that's pretty cool that you you, you get to do stuff like that. Did you see

But, yeah, I found this at the thrift store on Friday,

some missteps. Like, on a Friday, I realized that our entire MySQL database had no indexes. And I was like, why the hell is this thing timed out? You know? Like like, we I I was, like, looking at the the transcript,

How did how did you

if you want something to run on a phone or or any other type of device,

the most

So I was, like, mostly CSS.

Yeah. If you've seen the the meme of the, there's, like, the bell curve of, like, here, you're, like, a beginner developer.

Nice. I love that.

I had various jobs. I guess, like, the first, G68.

Free servers was was what I where I was at. Free servers. Yeah. Angel Fire was my my stomping ground. That's definitely where I hung out.

bang out some notes,

actually playing the PlayStation.

for a long time, and I don't know if I've ever heard the fans turn on then.

And so, like, I I got pretty good at that, and so I was like, alright. If I can build the thing, I know how the how the how the computer itself works, all the parts and the pieces, but how do I actually make my own apps? You know, like, how can I build something

I was like,

you need to build a separate app for that or build a website for that. And so, one of the projects I was working on, this was actually, And I was, like, well, that's My sig pick is and, like, yesterday, I was going around taking photos. My wife was, like, trying to hide her face because I look at this old giant camera.

but Svelte was always my hobby.

I finally found one that is or the the smaller the regular ones?

quarter pipe. Even though it was like a it was like a 6 foot quarter pipe, man, that was

the the way I think about and build applications even today, because it was, like, a very well structured Wes dev. Interesting.

I forgot what it was. It was kinda interesting watching the activity monitor just climb and climb, and then it hit, like, a like, it hit, like, 8 gigs and fell over. Wes, I'm gonna tell you, I just did a like, I was testing a bunch of GitHub actions locally, and they have to run Oh, yeah. Through this whole Docker setup. Right? And I I I was getting

magical times of, like, major major shifts forward in building these web apps. Yeah.

Yeah. Like, I feel like that's always the next level pop up yesterday? yeah. No. Not

miss that context

is nice and big and doesn't rip. And, like, I finally found it, and I just went and I bought 20 boxes of them. And I just it was, like, $200. And I was like, I'll never in my life

because I I had never worked with C Sharp in Vercel, so it was kind of, like, alright, you have a few

know you wanted to do this as a career?

it into, like, I think at least 20 different languages. Oh. And,

It would fall over after a couple minutes because it it ran out of memory. And I was like, man, like,

It, it runs on floppy disk. Let me see if I can get the floppy disk No. Thing that's in. Floppy disk. And, this this this specific

That's those are the ones we buy.

gonna swap out my nice high quality camera with that and just do a podcast

all of the different trash bags that exist, and he put them through so many different tests. And I'm just sick picking this trash bag test video.

so you you're into music. What kind of instruments

So I, like, you kind of see that trend happening in the JavaScript and TypeScript world, especially with meta frameworks, like like Svelte to Next. JS and even Next. Js on the Vue side.

And then there were mechanisms and we're talking about Angular one here, the old the old Angular, it introduced, well, Node didn't introduce, but it used an idea of data mining, and that actually came from the c warp world. So in c sharp, I was working on an app called or a platform called WPF, Windows Presentation Foundation, I

issues. It would always just say I was running out of resources in my container. So I told Docker to just

and then I learned about this cool thing called AngularJS.

the comp sci degree helps you as a web developer? And and, like, what what parts, if so? done that trash bag or or Wes don't call them trash in Canada, garbage bag,

And, man, the keying was awful. It was so terrible. It took me like, I had to, like, manually key so much. I was, like, rotoscoping.

For some reason sorry. I totally missed that when you had posted it, which is a bummer. I saw you posted it again,

There's a really, really good good really good documentary on it. Handle. Yeah. Oh, yeah. This Yeah.

Node.

being in front of a classroom of 30 students every day and kind of getting the hang of teaching things, and then, eventually,

What what did you build that Calvin and Hobbes set in, by the way? I'm curious.

Little did you know, you could have gotten a syntax deck for free just Yeah. Months later.

a lot of times, And I I started to build it out with AngularJS.

Wow. These days, I also keep it pretty simple because I don't wanna break anything.

I like, I push around every now and then, and I showed my kids that I can ollie the other day, but I'm I'm a little bit too scared to, like, actually go to a park because, like, if I were I I'm I'm too scared that I'm gonna, like, break my wrist or something like that and, like Right. Yeah.

It's just a process that's running, and it just keeps track of that that number of clicks on the site. Yeah. That's so cool.

Why blue screen? I noticed that you do a blue screen for your green screen. Yep. Is it because you have so much green elsewhere in your office here? That's exactly it. So I I started with a green screen, and then I wanted to if you look at some of the earliest coding garden streams, I wanted to have a little, bamboo plant, like, sitting next to my laptop. But the green screen would it would key out the leaves of the plant. Oh, yeah. And then, eventually, I got shirts that had, like, flowers on Wes, so I was like, alright. I need to figure this Scott. And so I got a blue screen. But, I I guess I can't think of the specifics, but, basically, I feel like midwit meme. Yeah. Yeah. I feel like I'm on the far end where, like, now I will reach for the simple solutions, but I at least have the the know how and the and the the tools to be like, well, maybe it's not that performance, so I can, like, tweak it. But, yeah, I I feel like I'm on the far end of that bell curve now. Yeah. Yeah. I'll give you example to listeners of of something where a comps high person might do. So I

It's it's wild that it's still up. But, yeah, it's I got really into building the website and not so much into It's a text file. Yeah. I don't know how to use that. File, and it has Yeah. That's it. Thanks, everybody, for tuning in. We'll catch you later. Peace.

we had to use that because we're using PlanetScale. Right? And and PlanetScale

make sure your feet are touching the ground.

well, I gotta dig more into it. Yeah. In my experience, the moment you touch your streaming setup,

I I think that that's probably why you you stuck out to us in, this whole interview processes. Scott and I are very much the same way JS that, like,

I I I told Courtney that I was watching a a nearly 30 minute video on trash bag tests, and she this JS like, what are you doing with your life?

I am going to sick pick the idea of ergonomics.

And in in the, the top right is the number of dungs that have been collected. And so multiple people can be on the site, and you click on the dungs to collect them, and you just try to get that number as high as possible. It's kind of like a a multiplayer cookie clicker kind of thing. Yeah.

For sure. Wes I think I have, like, 64 gigs of RAM. So Yeah. Me me too. But, there's, like, a there's limits It's,

So I'm a mediocre Twitter, all that. So yeah.

dependencies everywhere and everything. And so, yeah, basically, just getting into that code Bos and

this is definitely one that I will sick pick after having it for a while. So check it out. I'll link up the one I got in the show notes. Hi. I'm going to sick pick. We've we talked about Project Yarn on here before. It's a YouTube channel where this guy does these really

and it's making me think differently about how I approach problems.

But this kind of, like, tries to make it smaller. So it will

horrifying for me. I did it, but it it was definitely, like, Node nonstandard HTML elements. So, like, nonstandard elements.

tech wise?

And what what's cool about it is they say that it did the whole the whole library is enough JavaScript for just a simple script tag on your your site. Like, Wes you don't have, like, any JavaScript really to do it. So it's also very low feature.

There's the server side prevents an IP from clicking too many too fast.

And then

for for a while, both part time, and I did a a couple of the boot camps as well. And coding school

maybe I wanna make sure that, like, the immutable state updates are a bit more performant, I feel like

I I Node, me, personally, if I opt for, values with JavaScript, it can it's easy for that to feel wrong, and this doesn't feel wrong at all. So sick. That's really cool. And I got I got another weird or fun one. Dung Deno Dung Hero Scott online.

Wow. So that it's so interesting how many parallels you have to Wes and I. I mean, Wes and I, we both got started doing kind of, like, hobbyist sites. I think Wes did like a was it like a PlayStation fan site even though you didn't play video games? Was that it?

we'll figure it out. Like, I'll I'll I'll take on anything and figure it out. And sometimes that leads to,

I I would say so, like, the early days of, like, building websites, like, I really didn't even think of it as software development early on. It was kinda just, like, again, like, I had a problem I wanted to solve, so I did it.

My keyboard

read it in. And, obviously, you can't read a 24 gig file into memory. Right? You you have you have to, it's like a like a DNS record, so it points to Okay. I guess, name servers. Yeah. Okay.

that that was super fun to learn about. Like, it's not as simple as just find and replace. Right? You don't just change months to be another language. Like, in some languages, it makes sense to have the sentence where, like, New Year's Day is at the beginning versus at the end. And so this project was super fun because there was a a bunch of people that contributed translations, and we came up with, like, a custom way of of translating it. And then also, like, build building out the real timeness of, like, having your mouse on the site and seeing other people there. We used, No. It's so funny. Like, I mean, I I, It is a Sony Mavica, so it's the exact opposite of high quality.

and it also, like, it builds as a pyramid. So at the very bottom is kind of like define and describe. So

I want the whole meta framework, and I think Cloudflare realizes that, Has that changed at all? Does it still spin up? Because I'm trying to think, like, if I had this m one for

amazing tests for this stuff,

if Cloudflare can obviously, Cloudflare can run Next. Js, but if they can make their own version of that, I wonder if that's kinda what they're gunning for. Definitely. But and, Scott, did you see the HTMZ, stream it in in chunks and sort of and work with it. So I was let us know. Just tweet us at syntaxfm or however you like to get in touch. Sick.

And then when we got the chance to rebuild level up tutorials, I'm like, I'm picking SvelteKit. When we got a chance to build a new syntax site, picking SvelteKit. So now I got to surround myself with SvelteKit, and life is good.

kinda outlook on that. Definitely.

you know, using CSS animations while I'm also trying to plot in

gigs. Yeah. And I was like, man, that's why. I was like, I'm curious what the, like what's the longest domain name out there? You know? What what are so I

Do we have anything else we wanna hit, Wes? I think we should do some sick picks. Cool. Alright. Let's get into the part of the show where we're talking about sick picks and shameless plugs. We pick things that we like or enjoy.

but eventually, it's gonna come to a point where you wanna do something that is Bos just get get to know him, you know, and, and what his plans are for for what the stuff he's gonna do JS well as, like, what kinda keyboard do you use? I'm curious about that as well. Sure.

but it JS hard to say because it's in the day to day, like, I I'm not doing algorithms and data structures. So, yeah, ultimately, I think it's kind of like an unconscious help.

Let's go deep on this stuff. Like Sounds good. How did you get how how did you choose to, like, get into to streaming specifically? Was it difficult to go live and feel comfortable being live on the Internet?

there were or just dark is what it's called.

change. But Red Bull did a documentary on the camera, and it's super interesting. And Node, like, I go to a lot of garage sales and

I've been looking a lot into, like, full stack type safety stuff.

wheel itself, and it's so much better than a regular pizza cutter. It says kitschy on it, but I just did a quick Google. It seems like there's a 1000000 people that sell this type of thing, and it comes apart really easily. You throw it right in the dishwasher. It's super sharp. And every time I use it, I use it, like like, 10 times now. We eat pizza quite a bit with the kids, and it's just like, man, this is it just uses IDs.

resource

But the reason it was so bad is because I never had anything to do. Like, I would first of all, I had an hour commute. So I would I would commute an hour there, and then they would have nothing for me to do. So I would just sit and browse Reddit, browse Hacker News.

your friends and your family should at least open it up so it bumps that view count a little bit. No. That is totally a pro tip. Yeah. My my wife likes every single one of our TikToks. She likes and bookmarks every single one of our TikToks Yeah. Just for that extra push.

other than maybe the volume ones, but I have I've got volume play pause on my mouse, and I use that 90% of the time. And often, you look up, like, a Versus Node shortcut, like rename, and it's, like, f 2. I was I don't feel like rebinding that, so I just switched. Like, are you you a big f key user? But, exactly like you said, that's probably the main place that I use it is, so, like, go to definition, rename, refactor,

model was from 99, but I think this thing came out, like, in 97.

the fans in my laptop wouldn't spin up when I'm streaming because I'm I'm running Docker, I have, like, a bunch of tabs in my browser open up all this stuff. And if I had OBS running as well, then, like, that that just, like, wouldn't work. And so yeah. So it's a separate gaming computer. I have,

Do you feel like

I tend to reach for the, like, slightly more performant solution first just because I I I've Yeah. I I've thought a lot about, like well, and and I've in in the computer science degree, it's all always talking about performance and and look up time and and stuff like that. So I think that's probably where it helps me,

I threw some indexes on there, and it worked. But, like, we're willing to take on on anything and and learn as we go, and you're very much the same way. Right? You've always just been a curious guy? For sure. Yeah. Because, I mean, I also

and then the lead on that team moved on and I became the lead all of a sudden. So it was Node my job to maintain the code base. So it wasn't initially my code base, but after 6 months, like, basically, like, I was it was now my code Bos. Like, I knew it in an inside and out. And so, yeah, the day to day was kind of

that was yeah. I never had it dialed in, and then I would, like, modify just ever so slightly. And then next thing you know, I'm, you know, deep into OBS. Let's talk about your your streaming stuff, though.

Yeah. So that's more of

first of all, CJ, did you see the the new Deno 4 point o features? What what's that camera that everybody used to to film? Oh, yeah.

makes them into all their buttons. And I was kinda, like, looking at them, and I was like, you know what? mouse and keyboard events and not by simulated events, which I thought was interesting.

Also, like, skateboarding. I I don't skateboard as much lately especially because there's so much snow on the ground. Mhmm. But I I've I've been skating since I was, like, 12. And I think, like, from from the age of 12 to 18, I didn't go a single day without skateboarding.

use Vercel.

Yeah. For sure.

What's what's your tech setup? Let's get into some of that stuff. What are you working with? What's your editor?

I I think a lot of times it's, like, unconscious help. Like, there's things that I learned and I replaced the neck, so I found a a neck that, is like a in an old school Stratocaster deck, and I attached that, and then I installed some Invader pickups in it.

the little, function that we have, and it it it goes off and and merges the m p threes together and then fetches the transcripts and comes back. And I was like like, why is this taking it was timing out a couple times

font I use and everything. But yeah, I like a nice dark and high contrast theme.

500 milliseconds, it sends where your mouse was to the Vercel, and the server maintains that state. And then when it sends it to the other clients, it actually draws it out with CSS animation. So instead of, like, having every single mouse movement, it'll, like, Sanity it across, like, an average of mouse movements. So that was fun to figure out. And it looks smooth for that. You think sometimes that could get wonky.

relations where it's not actually using foreign keys, which garbage bags. So, like, I had to go down, and there's so many ones that rip, and they're meant for leaves or they're meant for, like, storing, like, clothes. And

like I mentioned, I like making music. And then more recently, I've been working on, like, a custom guitar project. So,

CJ, is there anything in your life that you would want to sick pick?

No. Thanks.

starting with with base knowledge and kind of, like, building building up from Yeah. So my keyboard is the RK Royal Kluge

every single chunk

the worst the exact opposite of of that lovely sound. Yeah.

also

building a GitHub action that, would would check our markdown files. We'll talk more about it on another Node, but Scott was like, hey. I'll take this on. Sounds fun. I was like, good luck. Like, good luck. And then, like like, a week later, he comes to me, like, damn, this GitHub actions Wes run locally. And, like, I was like, I knew this would happen. I'm so glad you're doing it. I complained to my wife. I said, I cannot believe I jumped in. I eagerly jumped in on this thing that was a total landmine, and I knew it was because I've worked enough and get his actions to know. But I was like, oh, this sounds interesting. And then I'm like, why? Why did I do that? Okay.

I don't know. Did that ever, like, bug you if you you saw, like, 0 people watching or anything like that? I have no idea how that that onboarding would have helped. No. It it did, but I think that's kind of why I had to hide it at a certain point. It was just, like, at a cert like, people were

streaming in

I mean, that's really cumbersome and, you know, in manual. So I was, like, what if we had a website that just showed us the data in real time? And so I initially built it with jQuery, they wear green working with large datasets. I learned about, like, data decimation. That's where, like, you have, like, thousands and thousands of data points and it wouldn't actually make sense to write draw them all on the screen. So you you decimate them, you break that up, and then For sure. Versus a hobby. Yeah.

So, yeah, vertical mice,

to to save into the database and and to query for existing ones. I was like, that's that's really weird. It shouldn't be that slow.

I'm running on an M1 cleaner and more opinionated and predictable code Bos, basically.

I'm gonna put a link to the VX 1000.

it was 4 gigs as as a g zipped, and un un g zipped, it was 24

sports suits or, like, tracksuits.

that was one thing that that really helped me learn to teach was that, like, yeah, you can you can sit there and talk about these definitions and and whatnot. But as as soon as I would start to go a little bit off the cuff and be like, hold on. Let me show you example of of where I've used that, and let me show you, like, where you like, that's my big thing in teaching is, like, where would you actually use that? You know? Like, what

use a lot less processing to actually display it. Decimation JS a cool name for that. Yeah.

And honestly, that's that's kind of where I honed my craft. Right? So, like,

What's your philosophy on on teaching in general? Like, I'm sure over time, it's changed and you you've evolved. Yeah. Because you you've taught in in person as well. Right? Exactly. Yeah. So I I taught at a Node school for, like, roughly 3 Yarn.

there. Mhmm. That's really cool. I I because I have the same background as well as I taught in

For a while, they were just trying to figure things out of, like, alright, how do we get hybrid rendering and how do we get sites easily built with it with this tech. But now you can see things popping up like Blitz. Js, if you've heard of that for that's built on top of Next, and it tries to introduce more opinions and give more code structure. So those are the kinds of things I'm excited about. It's just

I don't use any of these Mac buttons

Node it honestly baffles me how how long Node. Js and the the JavaScript and TypeScript ecosystem have been around,

CJ's luscious wall of greenery behind him right now, head on over to YouTube,

I wonder what's the most, like, memory performant way to to sorta handle this thing because, obviously, we don't have enough RAM on our computer to to hold a 24 gig TXT file. Right? Alright. Let's talk about, like, stuff you've built,

3 years before I even landed a kick a kickflip, but I think the the mentality of just, like, keep on trying, keep on trying, I did. I haven't had a chance to try it, but it looks pretty cool.

job, I had eventually all sorts of things. And, like, I got into this because he was testing, like, you know,

I'm curious about the computer science degree as well. So Scott and I both don't have comp sci degrees.

I I made a little like, a a small little video for for Twitter of, like, just doing a few tricks.

it kinda force forces me to at least, like, leave the desk every hour to, like, go pet him and, like, hang out in the backyard.

But I've I've always been a fan of of things that, like, get rid of the boilerplate,

Probably SvelteKit.

Yeah. And what's also fun about this is this site has been running it crashed at one point, but I think at this point, it's been up for at least a year and a half, and it's just a long running node server. So that number in the top right is literally just a number stored in memory in Node. So it's not even a database.

want us to see, because, like, Node request I just got again, probably once every couple weeks. Someone says, hey. Why do you never do view content? And and the answer to that is

I don't know. Yeah. I guess anything of you wanna know about it or what I should talk about? and I was working with C Sharp and .net to build desktop applications.

And so I wrote a little

I think that I don't know what what drum liner is. I don't know if we even have those. We just got regular regular old trash bags. Regular Just American sized. Yeah. Oh, yeah. We have,

Oh, that's cool. Yeah. And if you click, it will it will it'll do, like, little fireworks.

I'm not sure.

Yeah. And then we moved into Myspace themes. We both, you know, got our our, you know, hands dirty with Angular Node as being kind of a these big,

working on computers and doing, like, troubleshooting for computers, I did that for a very long time. I was, like, building computers from scratch, like, in high school.

So it's actually like, it's averaging out your mouse movements and then it sends it sends, like, every modules for different types of data visualization.

showing up and watching, I guess, like, because of me. So as long as I was myself and I was doing my thing, I I felt like people would eventually come. And I guess the other thing JS, so I started streaming live streaming on YouTube, and the nice thing about YouTube is, like, the discoverability. So Mhmm. That 1st live stream I did, there were, like, maybe 2 people in the chat, and that's just because, like, I sent a link to my friend, and they, like, opened it up, which actually is a pro tip. If you're starting to stream, ergonomics. Because if you if you don't do it early on, you will start to feel it later in life for sure. That's yeah. Too true.

I did some Backbone.

like, the reason why Vercel makes a lot of money is because they have Next. Js. Right? And

you know, client side JavaScript apps. I know Yep. You know, Wes and I were doing I don't know. Did you ever do Backbone, Wes?

Oh, yeah. Yeah. So I I bounced between them. There was Lycos, Tripod, Angelfire.

learning how everything worked and how everything hooked up and then eventually becoming an owner of that code base. So I worked that job for about 6 months I started live streaming because I was teaching at a, a coding Scott. And I actually took a 3 month break from that, but I wanted to, like, keep teaching. So I Wes, like, I I should try this this live streaming thing. But, yeah, it it took a long time before I got comfortable, and I think, like, one of the things I had to do early on was just pretend,

like, rabbit hole JS nuts. Like, at our at our cottage, we're only allowed,

22 inch monitor. I have no idea what it is. I've had it for, like, 5 years that I recently plugged in, so I can have, like, Slack in another window. Yeah. Nice. Move that slide down. And you have a you have a separate computer for streaming?

The amount of times I've

kind of how I got into here. You Node, skate video, whatever. And, you know, now I'm doing video as a career.

and it introduced this idea of data binding, and then the creator of AngularJS,

CJ is. So CJ can certainly we had made an issue about,

of CJ here. So, if you add someone new to your code, you're gonna have some bugs. So head on over to century.ioforward/

like, kind of was informed by that as well. So it's like building apps in a similar way, but now they can run-in the Wes, they can run on any device, and,

So I've got my, like, just basic kickflips. I like to do little shuvits, very large application with a lot of, like,

the the moment I try something that's outside of my bubble and it gives me this whole other viewpoint on what I'm doing,

Sure. And so this was the same job, but I kind of, like, made web dev my job. So Cool. And this is also why I, like, lean heavily towards web dev these days JS because, like, I in working on desktop

my advanced age of 37

I I sort of took a look into it, and I was like, oh, damn. Like, we were using Prisma's on YouTube. Yeah. And let us know if if there's something that like, there was something that was was chugging it. And it was weird because none of my processes were pegged, or memory was was fine. I couldn't really figure it out. But, Welcome like, it's it's probably, like, 8 years worth of garbage bags, you Node, and just never have to think about it ever again. They're not gonna go Bos. You know? I just I just love when you find something like that in your life, and you're just like, that's it. I'm done.

Exactly. Yeah. So,

And, and I I just really appreciate that. The programming mind you Scott to realize that, like, maybe the way that you're doing things all the time isn't necessarily always just Node bad key. Yeah.

Oh, cool. And, but have you tried that on

it's a Windows, basically, like a gaming PC. And it, screen. So I I got really used to only using my MacBook because, when I live stream, but, yeah, for the most part, I just use my laptop screen. And then I have this I make a lot of parallels between, like, my skateboarding journey and also, like, learning to code because

it all breaks because

I got a

I was working this was fresh out of college,

Too true.

whip up a little, view content, especially if somebody's, like, interested in learning a few things. So

cool to know. You know? I had a kind of a similar experience where with my 1st CJ, at, CJ is just a really smart dude. He he's been around the Denver scene here for a while.

do you have any any interesting stories of of things you've made in the past? Yeah. Like it I mean, like you said, I've done a lot of things. I would honestly, the most fun and interesting stuff has come some of the stuff I've done on Coding Garden. So Yeah. One of the one of the apps we built was called,

would love to,

But it's so sick. Like, it it there's it's, there's something to be said about, like, that mechanical sound of, like, the the floppy going in. Yeah. Oh my gosh. That sounds good. Yeah.

Well, I so this this weekend, I actually found something. I'll show you.

something like this natively. You know? Mhmm. Well, it's been, like, a desire for the longest time, like, introduction of of web components. Everyone for the longest time was like, alright. Web components are gonna kill front end frameworks, and it's all just gonna be built into the browser, but we really never saw that.

they support React components. They're going front end,

like, a year and a half ago in Hawaii, And it Wes, like, a sick concrete park. I'm used to concrete parks because I grew up on 1. So, like, that doesn't scare me. But I hadn't dropped in on a skateboard in forever. Like, I ride I ride

software job wasn't it has opinions about where do things go and a lot of stuff built in, and,

via that thing.

it has all the extensions I use, the

Yeah. Let's get back to CJ. What was your what was your very first web dev dev job like?

Oh, cool. Do do you know that on the click event, there JS,

but I was doing Vue for all my side projects, and actually ran the Vue JS meetup here in Denver. As a joke, we kind of called it the Vue support group because, like, no one actually used Vue as their full time job, they would just go there to talk about Vue.

skatepark openings. And I I was deep in that world, man, of trying to trying to get major sponsorships or or gear or anything from anybody.

One of the concepts that I learned teaching was Bloom's taxonomy. And so this is a bunch of

and, check it out. It's at syntaxfm

they're called industrial drum liners.

Yeah. And you do a lot of this stuff on on your Coding Garden streams. You had, like, a Try Day Friday where you're just trying new stuff. And I I was I was watching one time. You just had, like, a massive list of stuff you wanted to try. You were organizing into different different types of things.

But, yeah, that's it's it is exciting to use less frameworks. If it's just built in, like, that's awesome.

and it it flips back, and you can just roll it over the pizza. Instead of having, like, a handle on it, you just grab the actual

Yeah. Let's talk about some noncoding stuff before we wrap up here.

top quiz, how big do you think the text file of every single domain name in the world is? Ten gigs?

you know, get get some vibes going and and just feel like you can create something like that.

And so that job, I guess, was interesting you'll see that the arrow keys have been, like, smooshed into the the main Bos, and then the number keys are dual function for also, like, function and number keys.

He'll actually he'll he'll be 8 years old. Wait. Is it this week or next

I take as many breaks as I can to go see him. So I work in my basement, data point or, like, the average of every 10 data points, and then it ends up looking about the same on the screen, but you

And so all all of the keying done in that show was done with blue screens because all of the actors were wearing, and actresses are wearing green. Yeah. I I dove into that a little bit in in college. I I did a a short film, and we used a blue tarp for it. And then we didn't have enough light.

Socket. IO and WebSockets for that. But it was fun to figure out, well, how can you have a 100 people on this site all with their mouse moving and not crash the server? frameworks that introduce opinions. So, like, Adonis. Bos is Wes I haven't tried yet, but I wanna give it a try because it's people talk about it as kind of like the Laravel of the JavaScript world.

Funny Sanity enough, like, I actually made work for myself. So my job was to manually upgrade, And then after but after that, it's kinda just been on and off. But I think because I did it for so long, all the muscle memory is there, so I can kinda just go, like, pick it up anytime I want to. Just kidding. Yeah. I'm I'm like

it's like HTMLX, but instead of custom attributes,

websites that were running Java and Tomcat. They were upgrading from MySQL databases to Postgres database.

So how besides, like, the Calvin and Hobbs site, how did you get into web dev? Was it the was it like, I wanna make a Calvin and Hobbs site, and, therefore, I need to learn how to do it? Or was it this kind of thing is interesting. Let me build a Calvin and Hobbes Deno. No. It was exactly that. It was like, I want to share my passion with the world. How do I do this? And so I I kind of, like, figured it out. And that was, like, early days.

Okay. I I would probably say the 1st internship I had, it wasn't exactly a dev job. It was system administration.

It's from existing backbone applications, so I thought that was

HTTP Wes. Right? And describe the HTTP request response cycle. And so that kind of, like, starts the student with, alright, I have some definitions, I can at least do the TypeScript, but then from there, you move on to application. And so then it's you might be say something like use Node. Js and Express to build a web server that handles the HTTP request and response cycle. And so that's also my kind of like my philosophy there as well Wes a a 100% keyboard, I Wes. Yeah. Yeah.

So I'm using a different keyboard here because I don't want the clicky sound when I'm, like, on video, but Yeah. Oh, yeah. This yeah. Yeah. This is the one that I use. It's got a nice cool From there I started

Yeah. I think so many people

Yeah. Yeah. It's still up. P s two Deno dot it go Scott com.

I have a theme. I think it's called JS

What about monitor and and, you you play other than guitar?

a while back where, like, it got to the point where, like, I couldn't even use my right wrist. And so I actually switched to using a a left handed mouse left handed vertical mouse.

I was gonna say this would be perfect for a set. Yeah.

Node of the main reasons I did that is just so that, like, my fan laptops

domain name registered per TLD.

But, obviously, it wasn't. You know? Like, the those chunks were being saved in memory somewhere, and and I was, like, kinda looking at it. Like, I I wonder where I'm going wrong here. But, like, you you would probably immediately think,

I don't like to have extra screens where I'm, like, bouncing between stuff. I I technically have a separate screen that is attached to my streaming computer,

Wes, do you have a sick pick? I'm gonna sick pick a pizza cutter that my sister got me for Christmas, and I freaking love this thing. I'm not one for I've talked about it a few times on the show. I'm not one for,

Sure. So,

Yeah. Yeah. So they're going like

on a concrete,

that would

Yeah. So it was mainly HTML and CSS, and I used FrontPage. I used, like, drag and drop, And, it was hosted on Tripod.

to Oh, yeah. Yeah. Yeah. Like, what our like, a process would have. I think it hit But, anyways, we had a had a issue. I threw,

And yeah. So I use that. Yeah. So, like, weeks, maybe a month or so to kind of get up to speed, learn the language.

I absolutely saw HTMZ. Yes. I I did. I've pawed all through that, and I thought briefly to myself, oh, I should use this. And I thought I got better things to do right now. I haven't. What is it?

make things simpler,

the front end as well because I'm not building API endpoints.

not doing any c sharp before your career. Exactly. Yeah. What about your 1st web dev job? So, like, how did you go from c sharp to websites?

exciting thing? Because then people's like, their brain lights up and go, oh, I see or I oh, I I have an idea of of how I could take and and move that. So that's that's really neat that we both have the same when Wes we announced you. And I was like, this is sick. This is really nice.

You can't, like, replace multiple areas like you can in h t m x, but Yeah. Pretty interesting.

take every bit of resource on my entire computer as possible when I run these GitHub actions. And simply just telling it to run GitHub actions locally brought my computer to a crawl, took every single resource that I had.

because me and Scott are not view developers, but

And, I mean, that's when I learned that, like, I need to be doing something. Like, I I can't just collect a paycheck. Like, I need to be actively doing something. So that was probably the worst the worst job I had.

Mhmm. Yeah. It's interesting that you say that because it does kind of seem like you got to skip a step that I think some

Squire Starcaster Yeah. Maybe a few others. Yeah.

And then,

yeah, this is gonna be really fun just getting to know getting to know CJ and all about what he what he's doing. But if you're like us and you just added someone to your team, there's a good chance you're gonna introduce some bugs into your code. Now I more than a skateboarder, I had a mini a tape. Yeah. That's actually how I Scott a new video, which is,

And you know what? but I feel like I I don't do those often enough that it's not as cumbersome to just do function key and then the one that I need. Yeah. But yeah. I'm feeling like a total noob because I to go to definition, I almost always right click on my mouse, and these are, like, go to definition. Noob? Yeah. That's, like, the the, the the only, like, really bad mouse thing I do is go to definition or rename symbol. Like, I don't have I need shortcuts for all those because I use them all the time.

But we had been man, it's been a a couple months we've been sort of working on this, looking for we both hired a producer as well as we Yarn looking for another person to start to to take on some more of the content that we're looking to do here at Syndax. Not just just podcast, but we kinda wanna go a little bit more into video and, which will give you we did it in my whack a mole course on my JavaScript 30 course because Yeah. People would just go into dev tools and and fire off a click. But there's an is trusted, which will only fire on the click ESLint, there's a is trusted Boolean,

Yeah. So welcome. We should say his name is CJ Reynolds. Wes, you did not say his last name. So welcome, CJ.

Yeah. So we had a a bit of an interview process. And like Wes said, it was kind of months long. It took a long time. But I I wanna, like, let everybody know, you know,

And, And then you can, like I don't know if it's coming across on the mic, but you can, like, hear it spinning when it turns on. I don't know. I have a, like, a mini DV camera I've been ripping stuff from lately because I just wanted to rip all my mini DV onto my computer. And that thing sounds like it's truly struggling every time it pulls in the tape. It's like,

to Syntax.

would probably put the likelihood of me introducing bugs into the code base more so than and I got to, like,

syntax. Sign up today. Get 2 months for free, and you will be able to solve, find, and really understand any of the issues that occur on your website. And guess what? You could even create a GitHub issue for them right there and attach it to the new guy. Hey, CJ. Hey. Fix this bug that we got that I made. So,

that's it.

content creator. Welcome to CJ. Hey. Hello.

other mediums. So we are super stoked to have CJ on board, and we're gonna have him on the podcast today just to sort of talk about

Today, we got a pretty exciting new episode of some big news for Syntax here. We have hired a new

Yeah. That's awesome. So you you might have seen, we posted it out on socials. We put a couple of videos up as Wes.

CJ was really impressive to us for a lot of reasons. Beyond doing Coding Garden, which is his YouTube channel and Twitch channel where he live streamed,

Everybody we've ever talked to has nothing but great things to say about CJ and the work he's produced. So we are just extremely stoked to have him on the team.

then I started teaching full stack web development, They threw me into, like, a pretty large project. And and, honestly, I I I talk about this a lot, but that project that I worked on, that very first project,

do you want to give us a brief introduction to who you Yarn, and then we can get into some questions to get to know CJ a little bit better.

I worked for a very large enterprise,

Sure. I am CJ. Pete, a lot of people actually didn't know my last name, so it's cool if you just called me CJ as well.

But, yeah, I I I I've been into computers and tech all my life. The 1st website I built, I was, like, 12, and I built a Calvin and Hobbes fan site.

on and at Coding Garden full time where I do live coding live streams. So typically I'll go live, I'll build apps from scratch, CJ, what's up? How are you doing, my man? Doing good. I I woke up not feeling well, but I took some meds.

me. Nice. And, you know, one thing that you you've brought here is a much needed green palette to the video pod here. Wes and I kind of skew towards blues here, and what CJ is bringing all the all the green. It looks really great here if you're on the video pod. You can get a background too. See. Oh, yeah. Yeah. Oh,

eventually got a computer science degree.

building desktop apps,

I'll solve algorithmic problems,

I'll answer code questions, that, like, runs on the desktop? Because, like, that was elusive to me even even when I started getting a computer science degree. So, like, that was my main motivation. I was like, alright. I've already I figured out the machine. Now I want to figure out how can I actually make things happen on the screen? object oriented, musician. I'm, like, mediocre at every so but guitar is probably my best instrument. I'm still not that good, but I also play Bos, so I can play drums.

kind of just to hang out with people and and do cool code things. So, yeah, that's 65% of the size of of a regular one? Exactly. Node from? So the if you think of, like, a full size keyboard would include, like, a numpad, If you go to github.com/codinggarden/vscodedashsettings, So yeah, I learned a ton about

building and fixing computers,

and then I worked at a consultancy where I worked from the front end to the back end, also in DevOps, kind of just architecting apps and building them. And then most recently, I've been working That's so cool. Yeah. That's a color Colorado thing. Right? The, avalanche, their mascot is a Saint Bernard. So my typical Bernie. Yeah. Do you have one of those little kegs that you can put on them to carry some bread? I'll I'll share a pic I'll I'll share a picture. Maybe Randy can edit it in for the video podcast. But, yeah. We have a and we have some, like, amazing Christmas photos that we took. He's he's just so regal, and he's got his barrel there. He's got a barrel. Yeah. And then we we did the thing. I don't know if you saw it. Like, early pandemic, people were putting toilet paper rolls on on their dog to look like a barrel, but it's like I have that. Because Yeah. Because of the toilet paper rolls shortage. Yeah. I don't know. We did we have a pic of that too. Yeah. That's so cute.