over 3 years ago Syntax Podcast
Supper Club × Open Table LIVE SHOW
- 00:31 Wes and Scott introduce live stream
- 01:16 Encouraging audience participation
- 01:32 Scott working on site redesign, fixing bugs
- 02:06 Safari aspect ratio bug crashing site
- 03:22 Flexbox causing navigation wrapping bug
- 04:04 Asking for audience questions
- 04:30 Discussing Vercel announcements
- 05:06 Vercel's new TurboPack bundler
- 05:29 Entering post-Webpack era
- 05:51 Less plugin reliance in Vercel
- 06:10 TurboPackfaster than Vite
- 06:43 Possibility of switching Vite's engine
Asking for audience questions
Guest 1
Let's see. Not sure how many people wanna
Guest 1
folks, do you see a ask A question button in the bottom. Just
Guest 1
throw it in the chat.
Guest 1
ask a question or or jump on, but the show is yours. So,
Guest 1
that is a great question.
Flexbox causing navigation wrapping bug
Guest 2
double who's in the steer? Yeah. I don't. Is this Bambi? This might be Bambi.
Guest 1
That something is like I had it with my Nav, where if the Nav was, like, a certain
Guest 2
Cookie.
Guest 1
width, then it would There's supposedly a button that says ask a question.
Guest 2
Double. And a lovely, Chrome, for some reason, is just, like, fine. Whatever. It it's the outermost parent. That's the source of truth. Yeah. I didn't like it. So, it was a hard bug to solve,
Guest 1
bugs,
Guest 1
All right.
Guest 1
some of these bugs, like flexbox
Guest 1
Wrap onto the online Apple event, I'm pretty excited about it. I think it's it's kind of early days to see exactly what it is, but I think it's it's great for the ecosystem.
Vercel's new TurboPack bundler
Guest 1
which is another bundler built in rust Oh, we got one right here. Hey, Wes and Scott. What are your thoughts on the verse Sal announcements yesterday, pretty excited about turbo pack. Thoughts on Versal on the okay. So and then thank you. My wife is bringing me a coffee and a cookie. Thank you. Love you.
Guest 1
20,000 So it's pretty exciting for that. I think that's really cool. I think it's got a bit of a ways to go. There's no plug in support.
Guest 1
now I think we're in, like, the post Webpack era. We have we have parcel.
Guest 1
We have SWC and ES build, which power a lot of those things. We have,
Guest 1
So that's pretty exciting because we could just switch out, like, the engine of, like, I don't think, like, V and turbo pack are the same thing.
TurboPackfaster than Vite
Guest 2
they they Look, I got I got a coffee
Guest 2
They're pretty good at really stepping up to the plate here. So, there could be
Guest 2
something But If you have an aspect ratio defined inside of another thing that has an aspect ratio,
Guest 2
you know, actually that fast. At the end of the day, you know, what's cool about it is that you know, it's listed so much faster than feet, and feet is already really quick. So it'll be interesting to see if it is, and a tea.
Guest 2
Totally. Yeah. It's funny that,
Guest 2
And if there's one thing that we learned, especially with, like, the folks in general, is that,
Wes and Scott introduce live stream
Guest 1
to Syntax. This is the podcast with the tastiest web development treats out there. This is a live stream. We haven't done a live stream in quite a while, times faster, apparently.
Guest 1
doing what we call the shameless plug a sode for a long time, which is basically, like, So yesterday, Versal had a big, huge, like, anything else. So, like, that's a bug in itself. But you think about, where they
Guest 1
we haven't done a live stream since we've done the supper club. And we had this idea of
Guest 1
for the podcast, Cast, if you want to plug something, you just want to tell us kind of what you're working on and chitchat.
Guest 1
Tell us what you're working on. What do you wanna plug? What what kind of cool stuff do you have? So if you have a question, like, plug ins and whatnot.
Guest 1
You have a sick pick, you name it.
Guest 1
Welcome
Guest 1
Come on down.
Encouraging audience participation
Guest 1
Feel free to hit that button, and we'll bring you on, or you can just ask the text text question as well. How are you doing today, Scott?
Guest 1
Join in on the Riverside.
Scott working on site redesign, fixing bugs
Guest 2
You know, final last 10% of the way, push through it, find all the bugs, do all the stuff,
Guest 2
in Safari yesterday. And this might be a little interesting.
Guest 2
get going that way. I The hard part.
Guest 2
we're we're so, like, knee deep in this redesign that I'm I'm so, like,
Guest 2
One of the major bugs that we are having They're pretty good.
Guest 2
Just trying to just trying to get through it. You know?
Guest 2
It's that fall time of the year where everything's getting really cold, but,
Guest 2
I'm doing great. Yeah. Doing really good.
Possibility of switching Vite's engine
Guest 1
it's e s build. Right? Correct. Yeah. V uses e s build. So there is a possibility So and I'm pretty excited about it because kinda related is, like, Vercel hired the the guy who made webpack, And they are building this new thing called TurboPack, a lot of these new environments. Yeah. Turbo pack now.
Guest 2
Maybe they are. The big the big difference here is that TurboPAK is not targeting it does push the tooling forward.
Guest 1
That
Guest 2
specifically And what happened was even with JavaScript disabled, JavaScript completely disabled.
Transcript
Announcer
Oh, I'm starving.
Announcer
This
Announcer
I sure hope you're hungry.
Announcer
is the Syntax supper club.
Announcer
Wash those hands, pull up a chair, and secure that feed bag, because it's time to listen to Scott Talinsky and Wes Bos attempt to use human language to converse with and pick the brains of other developers. I thought there was gonna be food,
Announcer
so buckle up and grab that old handle because this ride is going to get wild.
Discussing Vercel announcements
Guest 1
So they have they major stuff behind it, and they announced A lot of really exciting things in Next. Js.
Guest 1
They asked me to sign an embargo
Guest 1
to to get the inside scoop of what they're announcing early. I didn't do that because, like, I'm a web but you know what? I'm not a journalist.
Guest 1
One of them, Coming up. Somebody said that the v uses
Guest 1
They like, props to Versal. So Versal has major, major marketing behind it. I got, not lying, probably 10 emails from a PR company.
Safari aspect ratio bug crashing site
Guest 2
It was, like, almost an infinite loop of repainting where it was just trying to get the aspect ratios correct, and it just kept growing, crashed the browser.
Guest 2
but, you know, one of those ones where it's like, oh, Safari is crashing for literally no reason, only on Ios, and I have no idea why.
Guest 2
Safari apparently doesn't like that very much.
Guest 2
So it was almost, like, continuously refreshing. But, again, like, I mean, you turn off JavaScript, and it's still happening without JavaScript. You're like, alright. Now this is an interesting one. This is a Yeah. This is a fun bug. Oh, I do not Envy, the folks that have to deal with those like, aspect ratio is not based on,
Guest 2
Like it like it actually was, like, the whole app was actually crashing? Yeah. It was crashing. It would it would do, like, a refresh. So it would, like, grow, grow, grow until that, like, Repaint cycle, like, exceeded whatever limit, and they would refresh the site.
Entering post-Webpack era
Guest 1
I know a lot of people rely Pretty heavily on, So lovely guests in the audience.
Less plugin reliance in Vercel
Guest 1
When you when you sort of, like, move to v in parcel land, you don't Use as many plug ins because a lot of that stuff is built in.
Guest 1
You might not even know that you're using a specific plug in for that. So,