724

January 31st, 2024 × #AlpineJS#HTMX#WebViews#Generators

Potluck: Is Virtual Dom Bad?

Scott and Wes discuss their weekends, advertisers, new staff, and take listener questions on JS libraries, in app browsers, and generators.

or
Topic 0 00:17

Scott had a long weekend driving in traffic

Guest 1

Oh, yeah. I'm doing good, man, after a long weekend. Let me tell you that.

Guest 1

We We're heading up to the mountains. You know, typical trip up to the mountains is maybe hour 30, depending on which mountain you're going to. Yeah. Our lesson was at 9 o'clock.

Guest 1

We left out the door 5:30, and we did not make it to our lesson. That's how bad the traffic was. We we made it like a you you're just sitting in in traffic in the mountains, which is a hard drive anyways.

Guest 1

But you got the 2 kids in the car. It's, you know, 6 in the morning. You're just not going anywhere. There's a 1,000,000,000 cars, and you're just seeing that ETA climb up, climb up, climb up until it's like, our lesson is out of reach, And there's no chance we're gonna make it. And we had to turn around and drive all the way back to Denver.

Guest 1

We we went and got a fancy pancake breakfast because of it, but, man, that was a rough one. And then the immediate next night, My dog woke me up 3 times in the middle of the night, so I I would I'm like, I I rolled into Monday in total zombie mode. It was, like, Straight up zombie mode.

Topic 1 01:28

Sentry tracks errors and performance issues

Guest 1

I think you nailed the an ad pitch for them too, Wes. Sanity. It shows you why your code sucks.

Guest 1

Sentry is marketing team. Get at us right there. Yeah.

Topic 2 02:48

Introducing new producer Randy

Guest 1

and, and fix that all for me. So We're really stoked to have Randy on board. You wanna say hi, Randy? Yeah. Thanks for having me, guys. I'm I'm pumped to be here, pumped to learn from you guys, and to get to listen to all these episodes. So I'm I'm Just so stoked to be here. Yeah. And and, likewise, Randy does some really awesome videos of his own on YouTube. So I'm gonna link up his YouTube channel in here where he reviews microphones and and talks audio stuff.

Guest 1

Awesome, awesome content. So if you wanna get a feel for It's it's nerdy in a good way. If you wanna get a feel for his vibe, it's it's dead on there. So Yeah. We will,

Guest 1

Has Has nothing to do with web development at all.

Topic 3 04:00

Potential new segment with Randy ranting

Guest 1

we'll we'll take it. How much longer until we start getting Randy, can you throw that up on the screen for us right there, whenever we do these video podcasts? And who knows? Maybe that's something, You know, we'll get out of this. Importantly, Randy is

Guest 1

all dressed instead of full stack? We don't have that in the States. So

Topic 4 06:46

Templating languages still needed with Alpine & HTMX

Guest 1

you can use JSX.

Guest 1

JS? Is that one of them? Yeah. That was a big one. You said handlebars,

Guest 1

Probably. I mean, you can run it as a function and and get the output directly from there. Yeah. I've I've used it before for that. To answer your question,

Guest 1

Word. Next Node from KJ.

Guest 1

What powers in app browsers, and how can we test our sites on it? I'm curious to know How they affect loading speeds, unexpected layout shifts, and accessibility, if there's anything we can do about it from our side of things. So In app browsers. You may have seen this on your phone.

Topic 5 08:25

In app browsers use system webviews

Guest 1

You're sometimes you click a link on something, and instead of taking you to the browser, it opens up the website In a mini browser that's essentially within the app. That's the in app browser.

Guest 1

And on Bos, It is the in app browser is Safari.

Guest 1

On Android, the in app browser is Chrome.

Guest 1

It's whatever the browser that is shipped with the OS. And in fact, we we kind of have that same thing going on macOS as well Or, Windows, even though you don't see that same in that browser flow typically in desktop apps. Either way, typically, an OS Ships with a a web view. So in Bos, it is wkwebview, webkitwebview.

Guest 1

And that is the the, essentially, the wrapper for many things that is not the browser. And it's typically just straight up the rendering engine.

Guest 1

And I've a little even, like, shift in terms of what works and what doesn't in this ESLint the Tori ecosystem because not every feature that's in Safari is in the WKWebView.

Guest 1

Most of them are the rendering engines the same. Chances Yarn, if you're testing your browser or testing your app in Safari, It's gonna work the exact same in the Bos Wes view, so there shouldn't be any issues there. Again, the most of the stuff That doesn't exist is maybe, like, permissions dialogues or, like, things that are very specific to how Safari functions itself.

Guest 1

But, again, if you wanna test on, your normal browsers, whether that's Safari, Chrome, and Firefox, Hey. That's pretty much all you gotta do unless you're getting into some nitty gritty APIs. I wanna say that. It used to be where,

Guest 1

the browser if I can, but I I think normal folks are just opening up in WebView and Typing in their password that's equal to password and calling it a day and not thinking about it too much.

Guest 1

But, this actually is the principle in which The entirety of Tori, which is the Rust based Elektron competitor, tauri.app JS based. And so much to this, to point that they're they're now going to be shipping the ability to do mobile apps with Tori as well. So you could ship a desktop app on Mac, the Safari Wes view that's baked in Linux or or Windows, but also soon to be Android and Bos just based on the fact That they all ship with a Wes view, and you don't need to ship that with your app.

Share

Play / pause the audio
Minimize / expand the player
Mute / unmute the audio
Seek backward 30 seconds
Seek forward 30 seconds
Increase playback rate
Decrease playback rate
Show / hide this window