What happened in JS, CSS And Web Dev in 2023? 2023 Predictions Results!

That color contrast This. Still, it's a cool API.

Paul McCartney subgrid song, apparently.

contrast.

for Android. Who knows what specific version because can I use just shows us,

Chrome,

let me pull this up.

No. It's been it's been in browsers for We saw another new

this year. When did chat gbt come out? Was that this year or last year? I think it was this year. No. It was like, I remember last year at Christmas proposal, everybody thought that was kind of dicey because

79%

All of the Chrome Chrome for Android on all of them is set at 1 19. So Every feature. I'm gonna open the issue right now. Look at you. While you do that, I'm gonna talk about another one we said. We said CSS subgrid would would arrive here. And and sure enough, CSS subgrid Jeff. Is now in all major browsers, including

Adam Argyle,

What we were just saying, 119? the Objected model, the type object model.

Either way, subgrid

saying if you want to use Sentry, head on over to Sentry In contrast, color does not show up in can I use at all? So Could be a label maker, or I think I even sick picked a type of oatmeal before. Actually, it's funny. You sick picked that that oatmeal? Paint API

AI Hopefully, you're getting ready for Christmas. And thinking about the New Year, Every year, we do our predictions for what's gonna come the next year, but we also ones on here where, It just blew up. And then I showed my family MidJourney at Christmas last year, and they just Had their minds blown that you could just type in anything you wanted and like how much better it's got in the past year or so. Obviously been a massive year of Leaps and bounds for the AI stuff. We saw integrated like we kind of saw a couple of waves like we saw the initial wave, which is everybody

in Safari right now.

so many years. It's just not showing any of the older Android browsers for mobile.

you know, color contrast

is behind a flag in Chrome,

But I won't because this is getting this is a Christmas episode, y'all. This is December,

of available browsers out there, which is

color, not color

from

my,

Simply wanting to

sent me a message Right? Because Mostly. When you well, mostly. Yeah. There's, like, a couple in there.

Friend of the show, like

November 30, 2022.

is available in 9 at The But color contrast is a function, to any formatting.

More AI, man.

stuff exploded

but its name has changed. And it's now contrast But it's looking pretty good, honestly.

20th. This is the sleigh bells coming in. Yes.

pretty dang awesome, meaning that you should be able to be using subgrid. Even though I haven't personally used it just yet, We did say that was coming, and here it is. Big fan of subgrid and finally being able to have it. There's so many little issues that I've hit hard.

I don't know if people if they see the benefit or they don't have the engineering for it, but if this does pick up, dug into it. And he found

And they sell the part that was broken for, like, $25. And I was like, this is queries was same database, right? There's nowhere else.

push pin picture holders.

We can sit and play a Mario Brothers game all at the same time because there's 4 characters on the screen,

maybe once every 2 years stuff. I clean the thing out and the thing runs awesome because it's plugged into the wall and it's sucking grid power.

and it came with an extra filter. And I swear she never changed the filter. It was a wonderful, so good time. I could continue singing Wasm. More Wasm was one of our And it's great to just they spill something, you grab it and quickly I lose my gosh darn mind. Me too. I don't know how Anyone lives their life Ugh.

bug And the data used on Kenna uses the We had 2 predictions of people souring on react.

vacuum.

so it's easy. The aftermarket for this vacuum is also very good. So I love when there's, like, standard parts for something. Word. Cool. Well, that's all I got. That's it. Yep. Thanks for tuning in. Catch you later.

are the are the ones that we have. I really like that they have, the hot swappable batteries to me is a big thing because when I'm when I'm cleaning, I don't want that battery to die on me, Especially if you can't plug it in and use it. So, Baidu Browser. You know? Yeah. Yeah. For real.

a pack of 10 filters We did see, lightning CSS showing my family So part of that money gets to go to Prettier. And

Taste like a sludge, most protein pancakes are. I've been a fan of the Kodiak Cakes, and the pancake or the oatmeal's very good as well. I'm going to sick pick a video game for the Nintendo Switch. Super Mario Brothers Wonder

it does seem like these things are moving. This is Houdini ready at .com.

Yes.

Could be, I'm pretty sure this is satire, and it took me a long time to discover that it wasn't there's a lot of times where I'm excited to use them as the The thing that I've been wanting to use and I think to myself, this is the perfect use case, and I'm so happy that I can do this without having to, You know, whip up some JavaScript with them Mhmm. Resize observer or have to worry about any of that stuff. I could just use my container queries. And I gotta say,

we've been loving ours,

yeah, hot swappable batteries in a vacuum cleaner is a a killer feature for me.

But the batteries in React world where you must return a single element to see open source a like a Vercel project now, right? Like a good chunk of the engineers behind React on their website So

Stuff. Yeah. These guys still rocking yours? Next one we had here is we will see a new TypeScript there's some drama in the industry as well around WebAssembly, Yeah. In production, obviously, check your formatter in Rust, so something good came out of that. And then Biome forked, cake. And, like, no wonder you probably were happy to get rid of this thing. Yeah. Right. Yeah. Did you know that there's a filter in there? Yeah.

so much better.

swap it in. It's not a very expensive part like a lot of places do.

My gosh.

and it's been a blast. So Super Mario Brothers wonder if you were considering it or you have a switch and you play games with your family. It's a great game for that. I'm going to sick pick something still moving. Jeff. Big API still being implemented. Can't use it yet. Although the polyfills do exist, I personally use them.

Tindeco.

and the folks we were staying with had one of those vacuums. And I was like, you know what? I'm gonna clean their air filter, and it I I cleaned it, and that thing was brand new. It was just humming along there. So Yeah. Man, I I gotta say, if you have one of these, whatever, clean those air filters. They make a huge difference in the amount of suction. You pretty much have to clean it every time you empty the

A And I'm still a big,

this framework

which is pretty neat. So maybe

suck it right up.

the Paint API, which is like the that's the first one that literally everybody else has implemented, We see officially the

in Firefox, it is a hard transition But Yeah. What we've decided is that, like, On Sunday, after dinner for, like, 1 hour,

And so I went and bought it,

And

Okay. Let's take a look. It's under construction in Firefox and in development in Safari. Those are the 2 that are the most important. So Paint API is under construction

this is what you need to do. This poor lady, not poor lady, She just got rid of it because one little thing broke.

and we can only find it at Walmart now. But it's awesome. Like, it's not that stuff. It doesn't taste as good as regular pancakes, but, how they compile your And So this is this this is why you listen to Syntax, folks. Yeah. We're gonna be doing our predictions episode for the next year, And I wanna beat that. I'm not satisfied with that. I wanna get, like, 99%. Yeah. We we maybe we need some, like, wild guesses too. You know? Like, we can just I wanna keep it safe so that way I can be ready. Oh, no. I think we need we need a section that will not be graded on. Okay. But, like, cool. Like, absolutely wild guesses. You know, like, deal. And maybe even, like, companies as well. You know what's gonna happen either to Vercel or to different companies. So obviously, Facebook still has has quite a few engineers and,

So, you know, Firefox is still major lag major lag time here.

Could be a podcast.

we can sit on the couch and all 4 of us you know, my kids are 46.

Seems to slowly but surely fill in with green. We'll see how much further this gets over the next year. The Firefox

for implementing At least right now. Yeah. Can I use needs a bit of an update? I can't take this So that was probably the biggest thing in the tooling space, participating Not all, but a lot of us are just using feet.

different companies. I love it, Wes. Let's get into the part of the show where we talk about

Every single part

Just about everything is under construction except for the animation, But now I've removed it from my brain entirely because it was spending a lot of time dunking on other frameworks and its docs.

It's Kodiak. Right?

in development in Safari. Safari has shipped properties and values and has shipped typed object,

And she had her husband had, like, leaned it up against something and it fell and cracked a little piece of plastic on it.

So my husband just bought me a new one. And then I opened the filter

sick picks. These are things that we pick that we like. Could be anything.

You can buy Two filters and a cleaning attachment for the filter. And you could. It comes with the clean attachment. Yeah. So you don't have to get it dusty anywhere. You don't feel like shake it over top of the garbage can. But you can also just buy config, which is a huge sore spot. We had Nicholas Zakas on this year talk about

no work. But then again, the parser API and the font metrics have not had any work done to them on any browser. So

man, this is the perfect type of game for families to play. You know, we we've been kinda cautious about getting our kids into any kind of video games that aren't, like, straight up educational stuff.

and then I just glued the piece of plastic back together and brand new boom ready to rock 2 batteries, everything you need.

Ace.

silence

that's big for being able to repair stuff, because sometimes you buy this stuff on Amazon and it's like, oh, good.

to Like he is a middleware had it listed for $40.

so fussy with

the parser and font metrics all have no signal, as in,

the spec has been completed for the Paint API.

vacuum.

that might be the the sword in Firefox we sick picked A long time ago, I bought it from your sick pick. It's probably 3 years ago, the infrastructure,

In fact, I was vacuuming out our rental car when we went to Hawaii,

and very complex task.

Also, if you're out there and you have one of these stick vacuums, whether it is a Dyson or a Tenneco or any of these, and I was looking this up recently to be like, alright. Color contrast is not available in any major browser not even behind a flag. Now granted, it looks like it's behind a flag in,

very similar browsers.

correct.

or drop a review if you like this show.

we went and bought we haven't been able to find the oatmeal in Canada yet, but We went and bought the pancake mix. Oh, yeah. You never. Oh, yeah. It's fantastic. No, I hadn't had it before, and they stopped selling it at our Costco. I don't know like, used to be able to buy a huge bag of it,

Head on over to syntax.fm

You should be trying to fix them, and

and Right.

Stuff.

I would definitely say after that review,

So, We had the,

And 1 just down the street from me on Marketplace, and the lady That is not true. It was it's been in there for, like, well over a year. So, yeah, I think you can use container queries.

Fills them up with protein,

which allows you to essentially have typed CSS variables. Whether or not people are using that is a different hot topic Yeah. So,

has not been touched So I think we nailed that one as well.

And it's like a $3,350 a stable version in well over a year by the time of recording.

There's not been a comment on it in 6 years.

Like, it's a it's night and day.

is a lot of fun. It's a side scrolling Mario game for the Switch, if you haven't heard of it, which I'd assume if you have a Switch, you've probably heard of this. But I just wanna put my endorsement

I think implementing this is incredible Tooling.

that you can buy carte blanche. Right.

in 4 years.

more of a thing, a Rust based web bundler based on webpack. Oh, yeah. And,

I think the people who are critical of React Got louder. They're valid valid points, but also, It just I I can't live my life without Prettier anymore. Because I just type, man. I just type.

as which is an alternative to post CSS.

Yeah. I I can't imagine using anything else these days just because So really early on in the year, nothing as of late. Just nothing really being modified in this You know, it seems like it's it's moving in that the Trajectory in terms of more people are using it and learning it and figuring it out. It does still feel like a very niche thing comparatively.

Yeah. There's RS Pack 2 that became, and the 2 little kids' characters are Yoshis, and they can't die. So they get a little bit easier time with it. Right? They're not struggling.

with the exception of Next. Js, have moved to using Vite. Yeah. And Vite got even a a new version recently, version 5. I think 4 and 5 came out this year, and

Like, everybody's still using NextJS.

the author of Webpack, And you can buy, incredibly Very good node support now, which is is fantastic. I think I think we're a little off on this, Like, replacement filter. There's, like, there's 2 filters on this thing.

That's yeah. It's so good. VITA is the best, and,

It's being worked on by

Yeah. I think a little bit of a little bit of sentiment, especially around the server component stuff, but Mhmm. I I think that Or even

We had people sour on.

And it's amazing like we're seeing like and we've seen

It's all in Chinese. That's why I didn't find it.

Fastly.

And

And we I tagged him on Twitter. I said, like, what are you, like, what are you doing? You should not be doing that with your items.

somebody who works at ByteDance, which is TikTok's parent company.

several APIs

JavaScript runtime.

being pushed for standardization I don't think that's going anywhere, so I wouldn't sweat that too much.

from

He said, we are working on a

I read the whole thing. I translated it, and there's a bunch of stuff on GitHub.

Yeah. We should have that. Yeah. I agree, and I I feel the same way.

But, I I don't wanna say this project's dead or anything, but I don't know if this project is, People try them and get their their, you know, hands dirty with them the more you just see every site using them. So I was just looking at, can I use, and it says

Next one we have here is Dino gets hotter.

You know, and we fix those bugs.

yeah, I think Dino grew up. And Dino as a hosting platform, there's a lot of really great things if If you're going to be firing up the Deno app, they got, Wes, it's not the the t c 39

involved in this. Yeah. We should talk to them about, like, where where it's at. You know? So a lot of the stuff is all the meetings are open, like every single word that they've said. But it's not like there's no website that's clear as to where is this thing at right now? Jeff. But Mhmm. I bet I bet we'll see some some more stuff for it. So it hasn't been haven't hasn't been squashed. And everyone I talk to thinks,

I hear more from, like, the bun the bun folks than I do from the Deno folks, and it could a 100% just be my bubble. I'm very, very,

promises Maybe it's not Houdini that we want at the end of the day, but it's the APIs we made along the way. We made along the way. Yes. Yes. It's perfect. That's so good. Yes. Well, that was it. I would say And we did a whole show on Deckorators, too. So check that one out. We had another one here writing winter CG spec becomes popular.

Cognizant of that.

in JavaScript? It took us many, many years, and that's because they want to make sure that they absolutely nail it. So it'd be fun to get somebody if TikTok's popularity spikes and they need to spin up a whole bunch of JavaScript, closed its doors and was forked stuff. As Biome.

didn't they get package dot JSON support this year? Yeah. Yeah. They have

I would say that maybe it didn't get super hotter, but it did get hotter. It got it got more use.

I think Dino grew up a little bit. There's, like, the hosting platform. I think it's a good option. I think there's a lot of cool stuff, but I I don't know if I hear a lot.

Decorators, nothing really happening I mean, people use decorators. You can use them. The API has gotten more solidified.

Like, imagine

and extend.

some of these complex TypeScript types, let alone Did I even tell you that? We finally figured out what TikTok is doing Century is on the list of companies So Standardizations in

Do you do you know, like,

operators.

Yeah. Something to keep an eye on for sure, but who knows where it's at right now? working. Yeah. I love that.

Next one we have is new JS APIs, which we've talked about. New immutable array types we've talked about. Enums, nothing happened there.

Just being able to understand to for somebody to

How complex it is just looking at custom types in TypeScript, where they like loop and infer

complex.

They work fine, but they can be a bit hefty in practice. Still, it's a cool API. Pipeline

Microsoft has not done it yet as well. Yeah. It just doesn't look like there has been any major work done on this in the past year or so to say. Maybe 7 months ago was the last major update to this in any sort of regard. So,

Pipeline operators. Hey.

Next 1, Rust becomes more popular.

jump You know, there's not a lot of recent commits.

has become like a point. So maybe, like, maybe that is becoming a sticking point before these other these other browsers will implement it, but seem like a thing.

place.

I'm not sure. Basically, I know this is incredibly,

Is

into a different

You know, really and all that good stuff. Also, Remix, another one right there. So, like, just about everything is server side rendered these days. And there's also a new host of tools coming out that are Really, like, client side less and server side more. Like, h t m x is more like, And then not have to mess with client side JavaScript as much. We also said TypeScript inferred

The Major progress on this.

branches that I missed or missing.

last month that says, what's the status of this project? And it has gone unanswered. So, You know, that's never a good sign if somebody says, hey. What's the status of this project? And it it over a month later, there's still no answer to that. Yeah. Like, oh, yes. Oh, it's very inactive development, any of that stuff.

Is this the same one? Vercel hired the guy that that inferred, Is I can't imagine that that being very, very easy. And, also, I think that's probably a reason why $1,000 bounty, Align children of a grid along with something that is not the direct descendant of the grid itself. Mhmm. Simply having a wonderful subgrid time. Yeah. The simply having or the fact that with JavaScript.

was doing this. So maybe that's what's happened. Maybe it's being moved

and that goes along with just Just doing more on the server, having things available for server side rendering. And it's not only, like, become more of a thing. It's also gotten way easier

server side rendered JS sites But indents it all properly, formats it nicely.

come around to them and sort of understand how it's working. And even if you're not into

Overall,

SvelteKit,

But it feels like people are starting to

that I think that has been very true. I think, like, the the React server components got off to a bit of a rocky start, one of the contributions,

And it seems like every other day, somebody's talking about how p or JavaScript is becoming PHP,

will become more the norm.

And I think I found another one. We've been wanting to get one for the cottage, And I found

revival, which is using any of those frameworks out there. Seems like everybody's sort of on board for this type of thing.

State, to handle the types of work and the types of loads that they get.

And along with that, a whole lot less of, GraphQL Like, this one part broken. This company has gone defunct And they've rebranded as some other random company.

doing everything in the in the client, doing as much on the server as possible seems a bit simpler.

was SSR your return value in a div, That's annoying, right? So from different companies. And

Gave us. It's unbelievable. The container queries. Yeah. Container queries are in Next. Js, Moved from Facebook, all of the browsers.

Hey.

Especially CSS wise. Wowzers. Yeah. CSS

Every single browser.

Depends on if you have to support older browsers or not. Let's pull up the Can I Use Real Quick And

We start to see CSS container queries in production.

Yeah, it's in

You're comparing the 2 2 companies. That's a that's a, losing fight for Facebook. Right? You're doing Facebook is Facebook.

for that? I have no idea. Yeah. N e c o. Whatever it is.

I don't know One thing, and this kind of hits on one of our tooling one is now what has to happen is they have to they have to write the spec, you know, Like,

So

and hosting and I think processing Seeing remixed being able to deploy to all of these different targets. We finally figured out.

maturer.

load balancing or something like that. So it seems like they are making their own JavaScript runtime Very similar to how Cloudflare did because they need their own fan of ESLint using every project, so they compile the Firefox JavaScript engine with your own JavaScript,

TikTok itself

if I can ask them any more questions, but I'm very curious if, like,

cannot function without my prettier working correctly. The sense of calm I get just an open issue from

they mention are

I cannot

this one right here. So in the Prettier blog post, highly, like, a very dense

When I hit save, all this needs to fall into place for me. Let me just, Shout out Century on

Jeff. And I don't wanna be beholden

Indenting manually.

on our thing.

specifically Syntax, TurboPack was like a new bundler that Vercel is working on. Didn't see too much about that.

syntax itself gets to crawl all the package JSONs, and Prettier is one that we use in every single project we have control over it, especially when you're using Vercel, which is kind of interesting. So We'll see if something comes out of out of out of that, but it seems like post CSS.

when you get all the squiggles and everything's indented weird and you got brackets everywhere and you hit save and just Did I tell you that? They obviously make it super easy. Just order the part, And then there's a bunch of stuff around Welcome to Syntax. It's almost the end of the year.

all of the open source contributions and you might not even know that you're using start to become a little bit popular.

and they do it based on the package JSONs in our projects. So a blog post in Chinese things we thought would pop, Things we thought would flop and how well we did. There's usually some hilarious sends basically,

If if I type something and I hit save and my Prettier does not work,

released versions of updated React? And that is features know that it's not working is because you're trying to do something or use a package that especially with things like Node. JS Landing Web streams. You don't have to use the weird

now.

writing React. It yeah. Honestly, that one was a bit absurd. I I understand docs are hard, but, like, come on. Yeah. That took quite too long. You know, one React thing I did not see is, Like React is

into react itself. But it feels like React hasn't released type checker written in Rust.

But you know who has Solid meaning that it's either generated for us

React docs that actually reflect We wrote one of our predictions was Houdini does nothing, and I don't

React docs that actually reflect what React is what they do with it. Yeah. I yeah. I I think reputation wise,

the of React, and I'm excited to see Even the lack of updates from the the Facebook team Yeah. Just kinda understanding, like, what's going on here. But we did see quite a bit With Next. Js come out, so that made up for it a bit.

what React is now. You think hooks and functions primary But in the same regard,

that is Vercel and Next.

as the primary means of If I

I find myself getting

or just the restrictive

Or maybe you're working with bindings for macOS APIs or video or any of that stuff. Right? So Rust, I would say, has become more popular.

Very frustrated

It's so hard. I'm I'm like, I've been burnt by can I use, like, 3 or 4 times in the past month? We said something on this podcast, and Bramas had to correct us. And I was like, I got this from CanIUse. And, you know, I'm looking at CanIUse right now and it still says that.

I've been using Rust for a number of things, satire.

I'm doing, like, a frame by frame encoding of raw video files

But, you know, the Rust folks, People who write Rust are very up on it. They are very excited to use it. I, myself,

But in the same regard, the more and more that But, like, I I think about, you know, the amount of things you have to do to get Sveltekit up and running server side What we did have as the very next one, JS runtime's Mostly just experiments, and I gotta say, it is

into Rust when you're doing anything more intense It seemed like it could have been written in AI. It took, like, 4 pages before you got in any quick start things. I actually has shipped in Chrome, Edge, Opera, and Samsung. Hey. Those are all those are all, And don't forget to subscribe in your podcast player

nature of the language. I I mean, I've been writing JavaScript my whole career. So

Like, they pitched it to t c 39 and saying, you know what?

the GitHub repo is just an idea, and they're just proposing it in TC 39.

And it is listed as stage 1. So

And it's past the Page transitions API. That one

Progress considering it's still at, like, stage 1, and it it feels kinda in the same spot. I think it I think it is being worked on. So if you look at the notes From March. Yep.

Good. Let's let's move it past stage 0, or it's just an idea. Now let's move it to stage 1. And I think the actual creation of the spec like this is going to be massive. Like, how long did it take us to get to be mass to get

Basically, there's a t c 39 meeting where they go back and forth and talk about talk about how this might work. And the the meeting notes end off with, I think you have several explicit supports and no one is objecting. I think you have a stage one. So we have a stage one. Yeah. I I get yeah. I think stuff.

go back and look at, Yeah. We'll see.

and definitely didn't didn't, pop out. I gotta say, Wes,

soft skill, web development, the hastiest, the craziest, the tastiest web development treats. Coming in hot. Here is Wes, Barracuda,

celebrate all of the predictions that you got right for 2023.

almost the entire episode, so I'm excited to talk to this.

After doing the prework for this one,

Man, we thought that would be so much bigger than it was

You can solve them, and then you can go on to do more important stuff like,

What else is popping, Scott? What else is popping? Well, not our our error log on Sentry. Why? Well, because we use Sentry to launch our website,

What do we project at the start of the year and how did we do? So today we're gonna go through all the 2023 predictions, of how many people are visiting your website. Older I'm here for it. I don't mind that at all. I think that Marcella is a very good caretaker you can just run it via Wasm, which is really cool. We saw a lot of stuff with vastly It doesn't even matter because it still works the same way. It's just faster and better.

Boss, and Scott, El Toro Loco,

So, it it's so simple. And I yeah. For me, stuff. I'm I'm all aboard the train. Definitely.

we were popping way more than we were flopping. Oh, gosh. We we were popping it, the type system sometimes

Tolinski.

Monday. Monday. Monday. Open wide dev fans. Get ready to stuff your face with JavaScript, CSS, node modules, barbecue tips, get workflows, breakdancing,

dot I o. You can use the coupon code at tasty treat, all lowercase, all one word. Honestly, it's an incredible tool. Check it out, and, thank you, for Century for presenting this podcast. Alright. So let's start it off with our first Prediction

Wazee.

C, vote of confidence for the Tynepco vacuums, s 11 or a 11 I think And I remember when you sick picked it. One of the reasons you sick picked it is because they sell Get shut down because, I have more predictions about the edge stuff, but I'll save that for our prediction show. I'm excited for the prediction show.

and then they compile it all to Wasm. And that's how they're able to get your edge functions to run so quickly.

different specs and

Drama in our industry. Who would have thought? Drama. Yeah. Yeah. Next one, React beta docs will launch after a 5 year development cycle. That is correct.

I specifically used Wasm in the News Syntax website That's kind of interesting. I'm not. I think people are salty about that, but

To do FFmpeg.

And

The React team managed to get their documentation

2 competing ways of doing it. Yeah. And So absolutely nailed that one. Yeah. And what's its current status in

on Twitter of people arguing about the correct way to do this. Yeah. Pipeline

in in JavaScript, it feels like that's like one of those ones where

is hasn't been touched since 2021, so nothing hasn't been moved forward just yet.

Again, I'm not sure if it's being And then I said, what do you do with that? And he says hosting

A new JavaScript framework.

like you said, the adapters are making everything a lot easier, runtime called Winter JS pop up. Mhmm.

isn't supported in that runtime. Totally.

And I feel like that's gotten to be the case, or at least it's gotten easier to do,

It's running on the edge, baby. You might not even know because the tooling makes it so much easier. The only reason you're going to across the board.

edge rendering with framework adapters and things like that. So, yeah. I would say that I mean, I have no data on So for me to just say, oh, yeah. It's become more common. It's easy to say that, but I don't know if that's actually the case. It just feels like it's at least more talked about now than it was before. Yeah. I feel a lot of popping going on, Wes. 87.9% into the ring because, I think every single meta framework out there makes SSR pretty trivial these days, as you mentioned, the fact that these meta frameworks are existing.

on Purcell or NextJS.

I

in only a month ago added? no, ChatGPT plugins got rid of it all. Yeah. Just released it. Yeah. Man, crazy year. Crazy year. And I don't think that we're

at that same time. So as we recorded this last year, it was just starting to pop up. So now we've had a full year

It landed in Chrome and Safari

And, like, I don't think I don't think that there's anything holding you back from using container queries. What do you think? There I mean, there wasn't because we used them. And boy howdy,

I think, again, the more and more,

was, like, the last holdout.

In every single browser.

stuff.

2022

The September was an effort to

stuff. Definitely a big fan of CSS container queries. People are using them in production.

And the folks from Biome. Js, which was

did it. So shrug emoji on that one. I just looked up Flexbox on can I use, and it's like, it's supported as of and simply by just using Yeah. That's that's too bad. But, yeah, the rest of it it's funny because

write a Rust based compatible printer with Prettier.

Being rewritten in Rust is, like, certainly one of those things that is is necessary.

The prettier formatter, which is probably one of the most performance

Prettier put out a 20

there's a lot of languages I feel like that became There's some, like, version bumps and things like that here and there.

Stuff. Well,

your code as fast as possible, and it was written in JavaScript or is written in JavaScript, so been a big fan of them. They cook up nicely, nice and fluffy.

which was Rome,

more popular, like Zig. Right? And whoever heard of Zig before BUN was using Zig? It's currently in Chrome, Oh, yeah. All the Significant ones are being taken care of. Because when you launch with a tool like Sentry, you can actually see the bugs.

cool people run formatters on save. I know some people don't like that, but That's crazy. You want it to be as fast as possible because when you hit save, It should format

So the Syndax website itself,

like, did we there's maybe,

the framework itself. By querying data from the database,

like, 6 predictions for this year. And I certainly think that we saw quite a bit more pop up this year.

filter or change that data or add some properties onto it.

becomes hot, and I think we I think we nailed this one.

Those types are inferred, and then you send it off to the client side. Client side infers all that data, stuff. And it is very, very nice, especially when you're working with data where it's nice to be able to have subgrid But this vacuum company, So One of the folks at Cloudflare listened to the Cloudflare episode, and he

our 7 custom types that we wrote any number of different libraries out there very quickly. But there

all the types ripple through from the query into the data result. If you And I sure hope that

we don't just have a show type every single time, right? Sometimes we have a show just put the number in the URL. Sometimes we have a show with the guests and the transcript, and it's much bigger than that. And having being able to for that to be inferred is super handy.

Next one here we have is types in JS, which was definitely referring to the proposal type annotations.

Now I don't know where this thing lies, but the GitHub repo has not really been updated.

Next one here, edge rendering can I use isn't clean your dang filters, folks. The They Oh, nobody knows that. Nobody knows that, and they run

Yeah.

are starting to come more and more into both node as well as all the other run times.

become more common.

it doesn't change again. Hey. It's in stage 3, man. It's gotta get there. Obviously, the folks a typescript say, like, this is not going to change. Let's put it into the language.

didn't see anything. But, like, in this year, sensitive things that you need because you literally hit save.

chewed on or thought about, but But now TypeScript 5.0 comes out with, like, proper

I would say we nailed that one. Winter CG has only grown in the amount of people

proposal has now gotten to a place where it solidified enough that TypeScript felt comfortable.

Yeah. But Century has a whole bunch of money that they have set aside for open source contributions, We're donating $10,529

JavaScript spec decorators. But that is just TypeScript. You know, it's not JavaScript. No. It is. It is. I'm what I'm saying is that, like, what can we do on the server side specifically

JavaScript decorators. JavaScript decorators. Sure. Yeah, TypeScript decorators were a different thing.

Oh, I see what you mean.

TypeScript 5 release support for

movement on that. You know what I mean? It's that the t c 39

the actual decorator I Haven't really heard much about Houdini, but, like, starting to see app property pop up, I know Tailwind is working on a new compiler and then just throw them in the wash or you probably put them in your dishwasher if you really want stuff. If you if you don't feel like cleaning it that much, Was I don't think it was necessarily a big year for tooling. I think because we all were just using, Yeah. What a good year.

Rome if I didn't realize I could just fix it with glue, I was like, I just looked on their website

the start of it. Yeah. I think that's right.

Then we started to see more like AI specific products. Then we saw all of those companies most tools,

So there's a big blog post about what happened with Rome. They had a bunch of funding and drama. None of the thing. And people who have like, we have a plug in Dyson as well.

Quickly tried to just add AI to their existing product.

is the future, into Biome, which then Biome

in that. So we've talked enough about that on this show. I think worker ready, standards based JavaScript

node version of streams.

prediction saying Deno gets hotter, and I think it should have been they wrote their own JavaScript runtime to do You know, like

standard server JavaScript or standard JavaScript run times get hotter because So FFmpeg is like a I think it's like a c library or something like that. And Mhmm. If you wanna run it on a server that doesn't have the like the meta framework Remix,

like, Cloudflare Workers continues to push on Winter CG.

Jake from TypeScript implemented decorators before there was any spec, and then it was the wrong spec. So now they're implementing the hopeful spec, Chrome 1/19? Certainly would love it. But you said you said decorators, the entire thing, and everything else is are the 2 big ones. So

Fastify.

Did did we get a new JavaScript framework? We did. What's funny about this is that, we wrote a note Into the show notes, it says, this feels like a free space on bingo,

which is very funny. We we did. In fact, I I'm Struggling to recall the name of it because it got dunked on for, like, a week, but there was a new JavaScript framework that had this landing page that was, like, ripping on other JavaScript frameworks, but not accurately.

page transition API into the routers, which is really cool. Lots of really neat demos.

6 or 7 different frameworks implement

I looked at the the page for it and felt like,

And I just said, you know what? Not for me.

I think I was wrong on that one. Hey. You know what? He can have a couple flops. We're we're allowed a couple flops.

possibly rewriting in Rust or parts of it being rewritten in Rust.

I don't think that that happened. ESLint is working on a new Nailed it. Yet what what a good year. Hey? Basically, it's like a

And then I also thought ESLint.

wrote the prettier formatting

that uses Lightning CSS instead of using

Remix's logo.

Oh, yeah. Yeah. That was funny.

it panned out, but it did get forked rewrite the entire like, locally, is it gonna be a replacement for Docker? the filters being clogged. And that's the other thing. This lady was like,

I think, I think most websites will be able to start rolling out inner queries Without any issue. Interestingly like, we didn't even predict half the stuff CSS for that type of thing. So you can subgrid allows you to What did we see in the last year? We saw,

enough, Wes, in Rust by hand, and I'm having a blast doing it because it's such a a Far cry from the things I typically work on. Right? necessarily think that's true because flying or anything here. I don't see any for a full archive of all of our shows, Temporal,

stats

And so I don't know how they update their data. That seems like a hard thing for them to keep track of. So maybe, Where did you get that information?

iPads is probably the one that always gets you, but Running Wasm, write the compiler in Rust the item. So

With the TSC,

could I think that could fit into that. JS runtime's mature. Yeah. I do think that is,

a pop for this because,

you can strip types with

Yeah. There are more JS runtimes, and I do think the idea and the concept of with winter CG and all these things bringing up, I think The fact that there's all these options now, it has matured as landscape.

actually is huge.

type checker in Rust so it'd be much faster.

I don't know if we hit that one or not. We definitely still are only able to check types

you know, we did say bun one point o. So there we go. Hey. We got that 1. Yeah. Nailed it. Nailed it. So I'm gonna I'm gonna give us a a, I don't I don't recall whatever the resolution was for that or if there even was 1. Because at one point, It was a significantly CSS 3? Let's see. View transitions API.

2023.

in another year from now. But I think we wanted to maybe see some And it's not into fire or Firefox just yet, but I have seen some conversation around, like, the fact that the animations aren't interruptible

The read me was updated 2 months ago slightly,

It's not moving even if it is. So

for over a year in terms of, like, the actual implementation here.

with some meeting notes from March of,

hey.

So I don't know where this thing lies. It seems like maybe not a ton of progress, but then again, some of this stuff can always feel like

maybe the best place But to get a 100% confidence on this stuff? Rama said that the data used on MDN

I couldn't take it to begin with. Yeah. And, like, need to default to not showing us Dyson type stick vacuum.

brown and orange anymore.

There's nowhere else to check it, but I think there's a display issue, popped this year, right? Like we saw it. We've implemented in the new syntax website. We saw

the You know, lines of something that's been different on can I use was,

In in in the same,

Indeed.

along with Frontend Masters, Salesforce, full of protein. Yeah. It's full of protein. Like, we give to our kids right before school, BUN one point zero got released.

Pretty cool React Server Components, if you simply just have to wrap this is just announced yesterday.

is, like, not at all. You also have Astro, You know, this might be a flop in terms of this, but I don't think we stuff. Said that we were getting this this year or even is a function on can I use? This is not part of our predictions.

in addition. So, like, Now you can write any front end framework you want, and you can use Astra to do it with server side rendering And we can all just journey through these worlds together, and they're doing it with us. It's at a fixed time for a specific time limit,