Do I Still Need To Know JS/CSS/HTML with AI? × How To Sell An App × Is React Context Bad? × More

And, again, that's off of the the Express stuff. Again, I'm not gonna move off of Express anytime soon, but it's all in a a good spot

I think there's some some famous quote about you don't want to fully rewrite a code base.

But Yeah. At the end of the day, it's just

I wanna move to eventually, I wanna move to just writing React everywhere.

if you ever decide, to a dot

architecting, contacts mineral wash, % cotton.

Express.

like, flow through throughout your application. Right? Fetching data, retrying things, observable shirt, so it's it's nice to get some a bit more of, like, a modern

simply because Anon.

React

and maturing incredibly quickly. This is hilarious because Shaden was the guy in the boot camp that was talking about all the next level cool stuff, and everyone was stressed out about not learning the next stuff. So glad to hear you still had it. Have you looked into effect.ts

of

to console logging. So, like, you're you're learning a whole thing. It's not just a library on top of JavaScript or whatever it is a it's it's its own beast. But that said, if, I mean, if you're coming from something like Rust too, you'd might like how it handles

and it's all fully typed all the way down.

to get into. I think that people who know this stuff and understand it and are really good at it can build some really kick ass Bos, but Johannes is is probably one of the smartest developers I know, and anybody who I know that's touching effect dot t s is are extremely smart. And I've heard many times over that they people have had to rip it out of their codebase because their team could just not get up to speed. It's just it's just too different. You know? People think about their applications in a totally different way. I don't know. Have you heard of anything similar? I I don't know about anything so you Node, but effect dot t s for me, it feels like like, the we make fun of the vibe coding thing, but some of the best stuff that's coming out of vibe coding are from

like, I'm I'm saying, like, take smaller chunks of or trigger an animation on values or whatever.

people are not using the best thing for everything in the world. You know? The split keyboard is the same way as it's just too much which will

A good chunk of the platform is in React, that number is not as huge. But the the higher ups, the people that have a lot on the line,

and it's growing

let alone, you know, TypeScript.

handler in the future? Right? So any express specific things need to happen

keyboard layout, and there's a reason why

awesome way to approach writing Oh. Oh, yeah. Yeah. The bodybuilding yeah. But, like, the bodybuilding forms It's mineral wash, slightly oversized for that modern look. You can appeal to the children.

Yeah. I don't think you need to replace Express. I think that's totally fine. The e, EJS stuff, yeah, to React, that does make sense to me as being a good place and something that you could,

it certainly seems like a

do that a little bit more Yeah. You're not doing the whole rewrite in a single swoop. You're that's a bad idea.

It's really its own thing. And the way the way that you do it is everything is very

that I could then move it to, like, a standards based JavaScript, most of my middleware off of sticking stuff on the request object, and I moved it into

converting

That said, you could move this whole thing to, like, a React based platform. Right? But that is basically rewriting the entire thing, and that could be kind of tough. You could also You don't want a production application out there that, well, you have no visibility into in case something is blowing up, and you might not even know it. So head on over to century.i0/syntax.

take the approach

that I don't want to shut down because it helps people, but I no longer have the time or interest to market or monetize it. What's the best way to either hand it off or sell it to someone that can take it further, ideally, without spending money to list it? Yeah. If you have users,

through the rest of your application as much as possible. Right? Like, the server side stuff might be a little easier to to type than a lot of the front end stuff. Then once it's fully typed, you can sort of take a a step back and say, okay. What would be our ideal stack if we were to move this over?

at all? If so, what's your take? So we had

a sync local storage, a sync context, which is a new JavaScript API for being able site by site converting it. It AI is very good at

for for the regular I can just either my wife does it or I bring them to a a tailor.

person to to learn this type of thing. Even just the the simple fetch, once I had kids, the the knees on them started started going much faster than crotch. But luckily, the knees are much easier to repair, so

way too silly

I'm probably never going to use it. I do think for the right person, it is a good fit. And if you think it would make you a better, more productive developer,

I wrote a Scott of a second rendering engine where I could just write everything in JSX

for that. And then Mongoose, I'm not moving off Mongoose. It's fine. I'm really good at it. I can Wes I can do absolutely everything I want. Yeah. There's no benefit to me to to moving it onto another database.

user facing side of the app after you've logged in, and it's more of an app thing. And there's maybe, like, more of a landing page and marketing based site that you could potentially find, like, really natural splitting points to say, hey. I'm going to move

the effect way down you're having people on this thing. Right? So if you have people on this app,

when your entire code Bos is is typed. So figuring out or maybe, I don't know, 200,000 and Mhmm. Like, tees. So, no, I'm pretty stoked about that. The kids are are doing these days. You know? Everyone's wearing, like, a Georgetown Hoyas triple XL

but a lot of the server side stuff was done in Pug. So what I did is have been angry about it. Did you have Oh, really? which was literally just a website that you hit the key, and it shows you all of the metadata I'll open up the Cloudflare one or the TANSTACK one, and But website Yeah. And because they they know that there's something that the benefit they can get out of it. Like, in fact, I had, there's any going around it. And I don't think it's the, like sweat,

enjoy along that is better at AI, is much more swift, and they're gonna eat Shopify's lunch. And and and Shopify JS a public company is is very scared of that. Yeah. That's my thoughts. Yeah. I I think you nailed it on all accounts. I I I think at the end of the day, though, the big message here is that, yes, you can hate when people talk about it. You could hate the concept of it.

using

any type of, functional UI.

I moved You know? But, like Yeah. That's what we should say is that, like, approach all of this with, like, skeptical enthusiasm or or even a $500

app, Nimboard.com,

I it's one of those things, like yeah. Like, also, Dvorak seems like a great

this part of it to React.

the thing that you're they're using. Right? Because it seems like you have users. Although yeah. Let me make meh. Nimboard.com.

and just replacing your EJS stuff with React. Now it's it's hard to say because that stuff may be done server side via Express, I think that's the exact

Wes I code a new controller the benefits of it are and and how to approach it. And

chances are those users

probably being done server side with Express, the way that this sounds. But I I would might think you would probably not wanna do a full rewrite

too much. You know? Like, you're doing too much. Yeah. Why we we why are we doing so much? But, again, it's not for me. I don't I don't think it is for me. I think it's for people who who need to do too much or who really are used to working in that type of context. I mean, the developer that I am, I came from

And then everything else is gonna be nice query params, URL search params. I move it all to standards as much as possible. And then that way, when I do eventually move it, I'm not going to have any express specific code or or the amount of express specific code is going to be minimal. Even all of my middlewares,

for,

I think that is totally fine and fantastic.

I do think this is a thing you could approach potentially route by route depending on what what the project actually JS. Or let's, like a lot of times, maybe there's, like, a

And for me, I I looked at it, and I says, okay. I have I have Express JS, I've got Mongoose, and I've got Pug. I gotta get rid of Pug because hard for the regular developer reconsider if I'm actually good at this or not. I know. Yeah. I know.

So for me, yeah, effect t s looks cool.

library This is why I despise AI, and I don't wanna hear anything about it. And he links to

it's just

I would feel a little hesitant I mean, I've done it. I don't wanna I don't wanna recommend that. Well, like, so my entire course platform is a similar stack. It's Express. It's Mongoose, and it was or is half Facebook groups full of snarky old men, and it's awful. I that kinda sucks because, like, all those amazing information is is no longer and whatnot, but chat is way better because it's it's ESLint. And you're able to go back and forth with people Node debug and and whatnot, and you they're threaded. And And all of this refactoring is going to be a thousand times easier It's hilarious. Speaking of let let's talk about jeans a little longer JS I used to always blow at the crotch on my jeans.

reacted on the front end, which basically just server only React. And I did that so that, eventually, I can move the whole thing to React, but it's it's too large to do it in one. Right? There's 15 different websites running on this thing. So Welcome to Syntax. Today, we've got a Pollock episode for you. That's where you bring the questions. We bring the answer some really good questions today about, is React context in chatty and bad? How do you sell a website? So I talked about how I made $35

Pug. And I'll I'll tell you what I've done over the years of of moving it over. The first thing I did, I don't know, maybe four or five years ago JS I moved the whole thing to TypeScript.

Next from Shane Kuehlen. Shane actually took, Hacker. I taught him probably unnecessary given that it's a website that piping data from one to another,

to hot potato data from one function call to another. In that way, things like, user authentication for a single component state management, which initially seemed odd to me. I remember earlier, the React docs were recommending avoiding context when possible,

career and job on the line. I don't think this stuff is

that is a a good mix between the two, but there's so many of these hucksters ESLint. You know, the the replet using a number of milliseconds is you're you're just guessing and hoping Yeah. That it's gonna be render ready at that point. And it might be too fast, and it might it's likely too slow.

I'll say this on the flip side JS about, like, six months ago, Google came out and said, like, 50% of our software is now being written with AI. So I had dinner with the person you know what? This was not a good idea.

index all of the,

exact way to look at it is yeah. Someone is gonna eat your ham sandwich. Mhmm. And

backyard chickens or when you visit a web page, the which course you're taking is is populated in the middleware.

The old school forum or not even the old school forum, but, like, what was the one Discourse?

Yeah. How am I the only person that's having this issue? Yeah. The amount of times I run into how am I the only person that has this issue makes me and it moves from a dot

the worst day that we've had in the stock market history.

one framework to another,

So

that I've, like, told so many people that work at Shopify. Like, how about we can have a coupon code that gives us free shipping and a free item?

I'm just like,

I've got, And it again, it's it's I love your headlamp. Yes. Man, headlamps are you gotta get a headlamp, man.

underscore

but I certainly think that

please help me. I I'm working on a Torrey mobile app.

the amount of grifters in this space is a huge turnoff. When I watch How do you reliably scroll to elements when they get visible on the page?

or it's not there. Yeah. Even if there is something that's built,

So Yeah. Yeah. As much as I agree with the things that were said in this, I also know that a lot of this is just hand waviness

the it not being searchable or it not being, like, long living

AI YouTube, Yeah. That's what that's what I say all the time to, bad code or this is something I've almost always done through

Toyota Sienna 2015.

we all jumped to Discord,

and a lot of it was simply just like

r d discord. What's your take on the ongoing trend where many open source projects use Discord for questions and discussions? Personally, I hate it since it's not really Googleable, and I don't want to join over 9,000

Use AI, you do a paint, run this code. Don't run it right Node, but next time, as soon as you are possibly Alright. Let's today, we got a Pollock episode for you, which is you bring the Wes, we bring the answers. Please keep submitting your questions. Go to syntax.fm,

for many jobs going forward. Now I understand, like, the panic about, like,

back then were All of that is moved over to a sync local storage.

and especially absolutely I can't find a Facebook post from I post anything new about

There's Spectrum from Spectrum.

And the developers who are able to utilize these tools in a way that makes them more effective

you know, like, just dev just general control flow and things like that. There are some people who are gonna look at this and be like, this is what I want out of JavaScript. Yeah. The, like, functional programming, like, elitists, they're they're all about this type of thing. Yeah. Yeah. Well, looks cool. Let us know if you're using it. Let us know what you think about effect. Has it made your life better in any sort of way? Let us know. I'm interested. Alright. Next question from Tolu. I built a free productivity

You know? Can somebody help me? But you know what? matters. It matters. It doesn't matter who's writing it. Semantic HTML's in for the author.

There is a thing called answer overflow, local first apps and and literally basically,

I don't know, 76

F l r m m love the forum

Oh.

And guess what I can't do? I can't do anything about that. I can't do anything about that. I've reverted my changes, reupload,

Toby, who's the CEO of Shopify,

is such a huge problem, I think.

the bodybuilding form? why do I need to do all this? You know? Yeah. But some people feel that way when they look at TypeScript period. Like, I I can just throw together some JavaScript,

Yeah. Yeah. Right. But my thoughts on this, I think that as much as a lot of these people hate all the AI stuff and it makes you anxious and you you're kind of annoyed because it writes crappy code sometimes and, like, it's changing every five seconds. We hear you. We hear you. You hate it when we talk about AI in this podcast as well. I don't think there's writing my selectors and and whatnot. That was fun. I really enjoyed the last fifteen years of web development. But Same. Unfortunately, it's changing, and and I'm not just gonna put my head in the sand.

Discord rooms, and I'll often just hang out in the eleven years ago. Wow. Having built a large front end Scott I have one at the Scott, and then I have one here. And it is so handy when but make sure that you're making those decisions from a place of, like,

Oh, yeah. On Monday, There must be a better solution out there. Keep out the awesome work. Yeah. You Node, I gotta say, I hate this too, and I use Discord. You Node, I think the reason why people do it is because everybody has Discord. It's really easy to just click the Discord button and add one more and then jump in there. It's actually usually faster to get, like, a response to, hey. I'm having some issues. You know? kind of really small and replace one section of it. I don't think you need to replace Mongoose. I think Mongoose is totally fine.

are gonna be better fits, conversation around issues, around those type of things, and solutions, Somebody who knows anything about this. If if if you're out there, hacking together jQuery plug ins and all that stuff. So I I'm not probably the right person for effect. When I look at it, the whole time, I'm just thinking,

And of this is. Yeah. It's probably like a like a chat app or something like that Wes Yeah. Because oftentimes, you do things like like Twitter or whatever that they just pop in a, like, 32 new posts and make the user click to add them to the dump. Can I say I hate that when they are constantly moving? A lot of these AI chat apps are just, like, constantly pushing the text up. Like, I can't I can you stop? I'm trying to read.

swath

your boss might be looking for in the future. Right?

This is no coincidence. This was not leaked. This was a PR move from Toby

but not better for,

more. The problem is is getting people to use it because I do remember

for those types of things and that it hasn't been swinging back in any sort of other direction or if just

Impossible.

Apple rejects it and says there's a dot underscore symbols file in my APK.

something I don't wanna say too much because I don't have permission to say this, but you're you're moving from a let's say you're moving from a dot HTML said most of that was simply just converting from

it's by default, it's Node. There's some I I think about this as well with Facebook groups as well. There is a

you know, software is so, like I I saw some some post on Reddit that was like, I work at a bank, and they just laid off x amount of people to use AI instead. And I think that's terrible. It's a bank software. Like, you gotta have some supervision over it, especially, like, these days. You still gotta do that. But in the same regard,

who

I make one little update to the app that is not changing anything in the code base. It was just fixing a small bug. And now when I go to update it and take the pieces that you can,

Max, then what should I be diving into instead? In your opinion, it does feel like AI gets to do all the fun stuff and then

So, yeah, it's not really not really a question, I'll I'll I like answering Wes, so I'll I'll try to see if there's any issues that pop up. And, like, I'm I've been that guy many times. Every month, I'm that guy where I'm like, somebody please help me. Some I just need someone to talk me through this and to ask me questions. And, like, if that was on Stack Overflow or a forum, I don't think you would have that, like, 80 messages back and forth.

You can find an older issue and and restart a conversation, and it feels way more natural than just, like, are helpful in many ways. They can be. Let's say that. They can be very helpful if you are skilled with them, and that's what this is about. Yeah. Take the time to get skilled with this stuff

wonder why

yeah. Yeah. So she's like

and I can't do anything about it. I'm, like, going nuts. And I I posted on the Tory thing, and they're like, well, revert your chain. I I did. I've tried everything. I've updated everything.

tells teams to consider using AI before growing headcount. So he Scott of like there was, like, this memo that went around Shopify where they're like, you have to use AI. Like, bet on AI. Use it for all of your things before hiring someone.

spot for people to learn. And, like Oh, yeah. We don't have that anymore. It's just

They're bad. I don't like them. Whatever. Yeah. You can absolutely do that, but you are putting your Bro, some of the comments are absolutely hilarious. I don't I don't take personal offense to these, by the way. There there's just some of them that it's like,

that is

surface them. If you're googling stuff JS coming up, you can search better.

were kinda hard. But, also, one more thing one more thing here is that, like, the nice thing about chat rooms is that it's, like, it's also just a a place to hang out. Like, I'll often

the Dang Tori bundler or even the Apple bundler, at some point, is including a dot I do

a TechCrunch article about, to the framework. And and in this case, it's it's React context. If React had signals, wrapping their entire site that were then updating data throughout your entire site. Even that is it's not a big deal. Like, providers are a beautiful, composable is going to be much higher with with these AI tools. And I don't think that you can simply just, Big fan. Yeah. Alright. Shameless plugs. What do we wanna plug? Syntax? Dot f m? Leave us a comment on Spotify. We see those, by the way. Spotify a a fairly large chat room for my courses as Wes.

the amount of the more productive we are going to be, I I was all pumped up after it, and I've tried it a couple times. And I think

that got bought by GitHub discussions, and then just GitHub discussions kinda still suck. DevTO had their forum.

Discord, which is just a giant, endless pit of conversation and chat. Discord for me, much better for building

in TestFlight,

was in charge of that team and they really wanna boost confidence to the market

you've got a a 10,000 line template,

the the days of the Internet

there's been many attempts at, like, merging

No reason to learn to code anymore. Of course, you're gonna say that. You freaking have all this money on the line, and you're you're the guy selling the the snake oil. You know? So, like, don't listen to to those guys as much,

a couple days ago, and I was like, that's bull isn't it? And she's like,

you you can put your head in the sand and say, I hate these tools.

JSX file, you know, and that's 10,000 lines. Well, moving from one to another, right here. But I do think, especially these companies that are trying to become, many billionaires, that's also why people don't like this as well is, aren't your red rich enough? You know?

I'll find stuff in there, more like a chat room. You know? And it's just like

It's flustered and and got nailed on the last one. And Scott just comes out with the most, like, inventive ways

and collaboration.

they thought, Shopify is using AI. They're not hiring you. Press pnpm the AI marketing button. Yeah. Exactly.

from some of the smartest people in the world about

Was that the, like, the more modern forum? The form software.

they're like, the forum is way better because it is it is searchable and

these companies like Google and Shopify, these are big companies, trying to congratulate themselves and and get the investors to to feel good about them, you know, Jim Kramer and all that stuff. And Shopify is a huge company as well. They're massive. There there's so many frustrating things in Shopify that we use really tricky. I've thought about this a lot because, like, I have sinking so much into that because that would be a hell of a rewrite I just Scott just went Alright. Next one Wes have from and then server render it. So, like, it it wasn't going from Pug to React. It was going from Pug to JSX or Pug to server rendered React. Those parts did not get

so that way you can be more effective,

What's going on? But if you explicitly

some other company is gonna come but

TestFlight several times successfully.

and that's obviously going to make a lot of people mad.

same error. So for some reason, software

Yeah. I'm currently in somebody please help me mode on a Discord. And let me take this opportunity because I have a a platform here. Somebody

I have submitted it to,

out there and and available. Obviously, it is, but, like,

getting people to use it, it's just tough. Yeah. It's tough. Yeah. But the other thing is, like like, spam is so much worse these days. And it's it's That and I wish I was wearing it today, but the we also have a purple And it seems really nice. But, like, man, especially for, like, Cloudflare workers, you simply just did a couple little formatting changes in the JSX, changed class to class name, and then, boom, a hundred thousand lines of code written by AI.

in my APK,

symbols file

Impossible.

hit me up. I'm interested. It's one of those, am I taking crazy pills?

these types of articles or these types of memos, I think these types of memos are gonna become more and more prevalent.

forums are are dead and and Discord is where it's at. I I do agree a % with this, though, because

without it being overtaken by spam or overtaking by, like, snarky politic people online. You know? Like,

I think you gotta embrace these tools to a point. You have to learn to be effective with them. They

community,

to gain confidence. So as everybody was selling all of their Apple stocks and everything like that, Discord things and put it up online. And I'll often find What should you focus on now that AI can write your HTML, CSS, JavaScript? Somebody's kinda feeling a bit bummed, and and we've got the answers for you as well as, like, how to modernize an old tech stack. Whole bunch more questions. Get ready. Also, I also changed my shirt because I forgot to record this ESLint, so I'm going to clap, and you'll see me in a new shirt.

even as recently as, like, what, like, 02/2015

in Meteor World, the Meteor Forum was a such a better place to, again, find old issues,

I forget what the GSM is, but it's it's heavy, man. It's the best hoodie I've ever had. I absolutely love it. So be a new favorite over here for sure. By the time you're listening to this.

And it's like an oversized for for most people. So what I've been doing is I've been thinking about a 10 to $50,000

Oh, I'm doing good, man. Just hanging out, doing all the stuff. You're wearing your new Syntax hoodie? Like, there's there's some dude Which which day how many days are in the week? Is that

super thin Bella Canvas tee. You know? Those Yeah. Those days are done. I got the wide leg jeans on too. I'm like The June Coast? CEO the other day going off on Twitter.

I knew you'd like that one. It's like a throwback to the level up purple. Right? Oh, it's yeah. Oh, yeah. Totally. And it's it's a little bit bigger, which JS, like, it's nice. I don't have too many, like, a little bit oversized, The last thing we wanted was for somebody to buy it and shut it down or or anything like that. And we're gonna be integrating a lot of these tools into the new Syntax site. But at the time, it was just like, well, this seems very valuable to us. It's something that we use. It's something that the community really values.

this is a Syntax. Oh my gosh. It's really cool. Honestly, very nice and heavy. Super cool. Yeah. Shout out to the designer, Wes Bos.

So it's embroidered.

They're not jean no. They're not that baggy. Yeah. But they Yarn they're not my, not my typical. I'll tell you that. That that's one thing I I am dreading JS that the style of the skinny jean you know, losing the hand that creates the things and, dot co. And

Yeah.

Oh, yeah.

for anyone visually or anyone listening to the audio, these are new hoodies that I tested forever.

shirt that is in the same, like, kinda ass oh, he's wearing it. Oh, man. Let's see it.

I am. Honestly, I love it. I put it on this morning. My daughter was like,

once made ESLint a simple, simple website.

that you made that video. Like, just the rudest thing ever. Yeah.

anytime

throwback error for sure. Someone's gonna clip that. Yeah. Oh, boy. Awesome.

AI seems to be able to generate code using browser APIs and language features fairly well even though I may need to tweak it here and there. In light of this, should I still be learning JS, CSS, CSS, HTML, and detail anymore? If I shouldn't be diving deep into JS, CSS, HTML, it's now now the kids are wearing, like, the the wider ones. And I just can't see myself moving on, but I also don't wanna look like a an old guy. Yeah. I got I got my first pair of, like, wider legged jeans, and it definitely took, like, some getting used to. Like, going outside, I'm like, amazing. Like, I I got absolutely there's no way to to to pass it in. So React Context is not bad. I think a lot of people got that from I don't know if it was in the docs. Like, this guy was saying, I like that. I have a maybe I'll also pick this while we're on the thing. I have a really nice headlamp.

CSS, becoming and loving it for the most Yarn, effect dot t s is poised to be the next big thing IMO, and there's a button in the nav that says Pollock queue. Throw your question in there, and we'll answer it on an upcoming show.

I was playing

Should I just maintain my knowledge in enough that be able to tweak things?

And, like, I I all I had to do is type that into AI. So I I challenged him on it. I said, alright.

some mini sticks with my kids on Sunday in the basement, Node, like, mini hockey sticks. Yeah. And I was just on my knees the whole time, and I was thinking,

You can ask us anything, anything you want about what kind of jeans we like to wear or And he talked to us all about it, all about what the

while you get to do the boring parts. Yeah. This is this is kind of an interesting one because were a huge Pug to JSX. It knows a lot about those things, And you basically just go one by one. You can have the site running. If you git branch it and then git branch there's a there's a command where you can git branch, but open it in a second folder and run both of them side by side. And then you'll be able to see. Alright. I've got most of that moved up over.

you always get some snarky person being, like,

You get crazy with it. Yeah. For sure. First question from Nahari says,

oh, these these jeans are getting worked right now. This is, like,

Okay. But it it looks fine with, like, my Jordans or whatever I'm wearing. It actually looks good with this shirt since the shirt is oversized. Yeah. Yeah. Yeah. Totally.

I noticed they use React context pretty liberally

You if you use context, you will die.

Have you guys used ShadCN,

the separate, like, state living outside of that. But I agree. Works fine. Me too. At the end of the day, that's just Please. Yeah. This is just how you're supposed to do it in in in React world. And,

and that's with three f's, f f f u e l

At the end of the day,

Yeah. I do think there was

and React, black logo on a, sometimes the CSS is not applied. And, like, you're starting to get into this, like, weird event loop, the page already, For many years, You know?

random plug ins and put them all together in a single application, and it works.

based on a very similar, when they have actually been rendered.

That's really it. It's that it's it's such a useful utility. We used it all the time for all kind of things.

fuel.co, it's just a lot extra stuff. Everything takes We should we should probably explain,

several of the things, including theming

associated with that key on your keyboard. And and that was just like a little fun little website I've worked on over the Yarn. And Toptal, you might even wanna reach out to Toptal. They buy a lot of these. They wanted the website just because it's it was a

But at the same time, he had a banner on there that was basically just saying, hey. This is for sale. So we reached out to him and and, you know, again, they have users. So if you have users, people Yarn on the site, maybe somebody who sees it will either 10 providers those aspects of it before you can even get it to generate what you might want because Mhmm. Like I said, it could just give you a bunch of Last question here from Ludwig or Ludwig.

I do think maybe paying the listing or listing on one of these places might get you there faster, but, you know, your mileage may vary. And if you want to see all of the errors in your application, In this scenario where you're rendering HTML using front end frameworks, in my case, Alpine JS, you find yourself wanting to scroll new elements when they become visible on the page. The first approach might be might be to use life cycle events of the framework to assume rendering has happened and then trigger on scroll.

Yeah. And by the way, that that, Chrome plug in is React Scott, in case you're wondering what Wes was referring to. It's a cool plug in. It shows you when your app rerenders and how much. And it Wes, really fun to follow him on Twitter showing off these, like, famous websites that are rerendering like crazy just because of how React is. Right? But like you had mentioned, context JS really the way to do this. Right? If you have I I think the the pushback on context was people who were throwing, like,

shows a key and f p t s, I could see everything. It was incredible. You don't realize how how crappy your phone flashlight is until you have a good flashlight.

any of these patterns being a bad thing.

Again, we've been using this tool for a long time, and it totally rules. Alright.

favoring alternative patterns like component composition instead.

best option for you in terms of, like, just posting it. But, again, if there's people on the site, you never know who's gonna see it on the billboard.

see the potential in it or know it. That's if you don't want to pay to list it. What are the paid listing platforms? Because I know there's, like, several of these things. So the two big ones out there are and this whole space is full of skeezy dudes. But Flipa and Empire Flippers,

or something like posting a a congratulations, Unless it were to, like, majorly catch on like TypeScript has, You can just hold it. It takes an eighteen six fifty battery, which is a very common So that's what they use, so the they need to use it as well. ShadCien powers, like, a good chunk of the Internet. It's funded by Vercel, which cares a lot about performance I guarantee they would be using that. And, also, I should say, like, ShadCien uses RADIX,

for

vouching for either of those because I've gotten lots of skeezy emails from both of them. As somebody with lots of websites, I I get contacted all the time.

So, I mean, one, it's a nice looking app. Super nice looking site. Overall,

Wes tweeted. Like, one night at, like, 3AM, I was, like, up with one of the kids, and he's like, oh, I think I'm selling fuel. And I was like, I freaking love fuel.

uses it it has never come out. And and and Discord

is to have a banner at the top of the site saying, this app is for sale. If you'd like it, you can reach out to us. So Syntax actually purchased Cool. Well, that's it. We will catch you in the next one. Let us know. Leave a comment on all the platforms, and we will see you in the next one. Peace. Peace.

to have to prop drill that all the way down. And and in many cases, it's just not has gone in in how they're how they're doing. And they want they want people to invest in them, and they want people to buy their stock, and they want the stock to to keep going up, especially as

Tools over rules. Yes. Exactly. Measure it. Is it a problem? I don't know. You check. You check. Don't don't rely on some dudes on a podcast telling you what is good or not. Go get

Context will rerender x amount of parts of your app in these ways, and it can be expensive for these following reasons, Yeah. I had a a resick pick, a sick pick that I've done before, which is

compose 15 different

and you need to be warned about that. And that turned into a bit of, like, a don't use context.

we purchased this site

you can take Aiden Aiden Bai who's on the podcast. You go grab his React rendering Chrome plug in, and you can see if it's actually issue. Use your application. Put on a low, React Context can get you in a little bit of trouble when you're constantly rerendering it. But for something like changing the theme, of information

those things don't happen you when you're building a component library like this, you have to use the primitives that are built in everything is going down. It's no coincidence that this memo was leaked

you'll want to check out Sentry at sentry.i0/syntax.

Don't let anyone bad get this thing because it's one of my favorite websites out there.

I I think a valid strategy, if you don't want to pay to list it, while I'm thinking of what's the best solution. No dev tools. No dev tools. No talking all that stuff. It's crazy. Yeah. It's

CPU You can use scroll scroll based animations directly based built into the library. So if I'm building I know this is Alpine. I think it's more talking about, like, he wants to scroll the page to an element when it's on the page, but it's happening thing. And you have to look into, like, the how the browser rendering event loop works. Mhmm. And you mentioned here the request animation frame is the move here. What's happening is that part of a DOM rendering node, there's there's several steps to it. Right? There's we had Johannes on episode seven sixty seven. Go to syntax.fm4/760seven.

and then some of the components that need to, like, talk to each other, like, for example, like a Toast or something like that. Right? You you have a button in one spot and the Toast message in another part of your application, and it needs to be able to talk to it. The best way to do that in in React is is React context. Right? You you there's no possible way the component library? Well, it it says on the website it's not a component library.

Next one from Scott Jerry. Sorry about the barrage of questions. That's okay. Keep them coming, Jerry, or not Jerry.

people that are always looking to buy a man, these are some of the most annoying people on the planet. So obnoxious. Yeah. If you scroll back six months in their Twitter timeline, they're talking about Ethereum and Web three. Yeah. Yeah. Sure. Yeah. Get out of here.

But these are websites where you can put them up, and there's there's lots of

situation

and it's a website that people come back to all the time, right, every single time you need it. So they they contacted me and and made me an offer. I think I got, like, $35 And and then once I had

without prop drilling. Yeah. It it it makes more sense to have it be in context.

a tool that tells you how often, So, yeah, I I I feel the same way as well with Discord. I don't know what the answer is. I've been hoping for many years that somebody would build something

especially in, like, micro modules of this thing has its own state

huge SEO rank,

Is my understanding outdated, or do you have any thoughts on this approach? Yeah. So ChatCN Alright. I'll I'll give it a shot. I'm due I'm due for a new pair. Look at the the holes in these ones. Oh, yeah. Yeah. Yeah.

they just redirected the domain name to their own, which I guess is some sort of SEO play, but they've they've kept it up over the years. Yeah. So those are your your options. Again, I I just checked your Twitter. Not a lot of followers on there, so probably might not be the best, Yeah. Gotta kinda give in a little bit if you wanna keep your job, I I think.

I'm not But

your your item was saved in a toast, Putting,

a little bit where context was used pretty heavily, and then there was the pushback of, like, be be careful.

as often. And very hard to run a community

Oh, good.

little rechargeable

But let's say you're using something like Framer,

just I'll post a link to this. It also has, like, you know, little alarms and flashies, and you can do, like,

which are trying to catch as much of the actual changes as reported by the browser

able to paint another frame, meaning that this div has been painted to

when you have a large number of manipulations.

I'll say Scott which happens once keycode.info, Bos blah blah, ignore it because somebody who does use these tools gonna come around and eat your ham sandwich.

promoting and pressing all of those comments lately, so send them our way. We love seeing them, what you thought about what do you think about AI? Leave us a leave us a good or bad comment, the reason why Express is still big is still absolutely massive is that it's good enough

what this does is it tells the browser,

I wanna say it to my kids, but I guess I don't read very often. So no. I don't ever say that.

and make your own decisions,

Hope you can help. Even knowing that there is no better solution would give me peace of mind. Man,

And the thing that I think people don't get when they leave comments being like, why didn't you see this solution or I did this and this is that we have to do these in, like, ten to fifteen minutes depending on what the problem is. And you just see that clock ticking down, and you're like, alright. I'm committed to this direction that I'm doing, and I know this is in the right direction, but I gotta do it, anyways, because I can't turn back now. And it it is stressful, and it's a lot of fun. And at the same time, you're having to explain for the front end

I find it to be pretty dang fantastic. So Man, Yeah. Totally. Yeah. That that Mongoose piece, that would be tough anyways.

Honorable mention, some people use a request animation frame to somehow to wait for a render and trigger it. Is there a better solution?

then run this this piece of code. So I would certainly it's just sort of sticking it at the

for the sub. Hey. What do you think about AI? Let us know.

Framer Motion. I think it's just called motion now, motion dot dev. They got this stuff built in.

and I was showing him he's like, this is better than what we have on our helmets. Like, they can't just go on Amazon and buy a $15 flashlight and wear it into a fire. There's obviously more steps.

I don't know if you're a sore loser.

You can also double tap the button to keep it on, and it has a magnet on the back so you can stick it somewhere. I use this thing Discord servers for every project I'm using. Over 9,000.

Yeah. Also, I wanna say we've been doing some CSS battles on Yes. YouTube, and they've been getting a lot of reaction. People seem to really enjoy them. So we've done three of them now,

you need to go outside in the dark or if you're have to crawl under something.

I'm so glad to see the cocky guy get absolutely destroyed. Oh, what a cocky ass shat, a sore loser.

unbelievable.

This usually starts to manifest But if you don't embrace it to some extent, I do think your your job is probably at risk in the future. Yeah. More so than somebody who who does take the time. I I I understand too that the

it's it's amazing how good they are, and I use it so much, like you said, just bringing it absolutely everywhere.

nailed the last Node. Like like like a like, pixel perfect.

Yeah. Interesting interesting problem to have. I wonder what the interface

I'm not sure what that sentence means.

Wes, CJ, and I are competing to see who can have the smallest CSS to recreate images.

we went to Mexico just recently for for spring break. And, like, one thing I always use this for is checking the hotel room to make sure I didn't leave anything. I'm looking underneath all the beds. It lights up the whole underneath the bed. Like, looking in drawers or whatever, it's just so incredibly bright. Yeah. It's $19.

is really code. Yeah. But, you have to just do everything in the effect way.

Thank you. Yes. You know what? It's funny. On the first two, I talked a lot of trash, and people actually a library. Why? Because it's usually a pain. Granted, things like Svelte make this easier. You could just bind the the window scroll position to a variable, check that window position,

It just is rechargeable,

constantly. This JS, like, the handiest little flashlight in the entire world. And, you know, we went to,

the end of the event loop for you there, and, that's I think that's your best approach. Because for it, which is hey. Next time

this little what you're doing. So I'm having to to tell you

they figure out what the styles are. They do the layout. Then they paint it. Then they have the composite layer.

What's happening is he's adding, like, six or seven things at once and then trying to run the scroll to the bottom, but it's, like, it's too fast or right up top. Mhmm.

Oh, yeah. I take this this thing is, like, this big. I wish I had it on me. It's I I take it everywhere. I'll tell you that. It's it's on my bedside right now. It's, like, this big, and you push the button, and it lights up the entire room. It's crazy.

a black light with it. I never use any of that other stuff. Just as a flashlight to have around, to pack in your suitcase, to put in your backpack,

also completely rendered by the browser.

1,000 lumen

too quickly. Oh, so, like, you're scrolling down, and then when that element is on the page, scroll

My current solution involves a mutation observer and a resize observer, of

That's all the questions we have here today. Thanks, everybody, for sending them in. Let's get into the next section, which is sick picks and shameless plugs.

And, like, the the tips and tricks he's bringing out,

and it is the brightest darn thing. I I used this the other day. My my son had gotten something stuck in his gum. I had it, like, lit up there, and I got the tweezers in there. And it was just like

the brightness that comes out of this thing is unreal. So,

cell, so you can just slap a new one in if you need it. It also is so bright. Like, it's amazing what lithium batteries

And for being so

Yes. Yeah. I feel you.

what I'm doing as I'm doing it while I'm coding,

USB c flashlight.

cheap and small,

it sounds like it's running too quickly.

technical soundness and not Informed. Yeah. Not being scared of of all of the stuff changed. Because it sucks. I just wanna go back to

of using text shadow and whatnot. Like, the the knowledge he has of obscure CSS techniques is goes deep.

This is not optimal for obvious reasons. The user has to wait longer than necessary or the browser took too long and the element is not there.

And all of those steps,

run it either after a couple milliseconds or even sometimes you see people running it after zero milliseconds, or if you use request animation frame, which you should be using, Yes. When it when it breaks or what it is that you you want. And and that's why, profile.

like, take over your Scott? Let's say you, like, you had, like, a a list of tweets or something like that, and you every time one was added to to a a div, you wanna scroll that div up.

I don't Node. Man, I have not Yeah. Read the comments on this one. They're very funny. Yes. Yeah.

After a lot of reading and testing, I realized that calling a method in JS to manipulate the DOM is not necessarily and they Yarn so much fun.

And sucks at threading.

yeah. So this is tough because, yes, it's a big code base.

keep their head above water with this type of stuff. And lines of Node, that might be hard to get absolutely everything typed. But get all of your database models fully typed and then try to trickle that data and LED technology, how far it's come in the last Yeah. Little while. Like, my buddy is a firefighter, and it powers a good chunk of the the Internet. So I would not I am not moving off of Express anytime soon two weeks ago that I posted. You know? It's impossible. And I'm I'm pretty good at this stuff, let alone, like, regular people being able to search for how to rebuild a carburetor on a '94 Polaris.

you won't have to to look up all that much anymore.

experienced software engineers that know exactly how to tackle this type of thing.

is is what people are gonna wanna know. So what should you be focusing on? I think you should be focusing on on the harder stuff. Right? As soon as all of this stuff becomes table stakes Wes literally anybody can go ahead and do it,

I I can tell it, use these following techniques. And if it doesn't know those techniques because it's too new, you can provide it the documentation or whatever. But you have to know Yeah. I think it's such a big part of it. Alright. This next one is from a vanilla j s gave me RSI, but I persist. Let me name someone in this episode.

not what you're looking for

the modern browser standards

Get it to do it, and it it didn't do it. So quite honestly, I I think that a lot of the, like, even crazier, something about programming web development like, what it is really quickly. So effect dot t s is a JavaScript the people who are cranking out the same, Vercel looking website on on every landing page is are not gonna not gonna fare well with this. Yeah. I think a big part of it too is, like, being a director here. Because

Yeah. So it it does matter. All of these things matter. You I mean, we we've talked about this before. You are responsible for the code you were shipping even if the AI wrote it. So you gotta know what it's doing. You gotta know what it is at the end of the day. Wes it breaks it sounds stupid, but you gotta know what to type into that Bos.

The people who are able to learn, the people Yarn who are able to be creative and to be able to push boundaries are the ones that are gonna those two, meaning, like, I want a forum

It gets the job done or it might do it or it might rely on JavaScript to do the things it could do with CSS. So, like,

the bar is raised. And and what people are expecting

At work, I'm maintaining a 200,000

the the CSS that the AI outputs is not what I want.

when that stuff is table stakes, when that stuff is available to every to everyone,

higher level stuff is

There's newer APIs that I wanna be using. And being able to direct it is only possible Alright. Next question from disco

lines of code project, which is fully written in CJS, vanilla JS, and uses an old text stack with Express JS, Mongoose, and EJS.

But we all move up.

Yeah. It does. Semantic HTML in the ways that not the right idea.

I'd like to use React on the front end. Okay. So But

if you have that knowledge of how to direct it or where to direct it. So I've been seeing crazy comments about this stuff too. Somebody was like, does semantic HTML even matter anymore Node that AI generates it all? Yeah.

from a website that has excellent interaction, something that wows people, something that works really well, something that uses and pushes and it's very heavily built on top of the Radix library.

the code Bos is what allows you to generate better code because Many people on the web help themselves with a set time out assuming that a few milliseconds is enough for the browser to complete its rendering.

Rewriting a code base is almost always

I'd love to move the code Bos to a more modern stack, but the question JS, where do I even start?

even though it is getting the job done. I I've had numerous times where it's not giving me either performant code or there's a much better solution or there's a more modern solution.

so oftentimes,

having that knowledge To my dismay, this did not work reliably.

but

has or, like, a, like, a route handler, I guess you might call it, how would I write it in such a way software.

away. Oh, it's gone. Because I've been wearing the skinny jeans for,

like, probably fifteen years. And I've slightly changed the, like, cut over the years, How are you doing today, Scott? mutations, Is it is it laggy? Are you seeing frames rerender more excessively than it should? Then, yeah, you have a problem. But but go go test it. Tools over rules.