Subscribe
Share
Share
Embed
Join me while I learn HTMX and talk at you about it
Twitter: @htmxlabs
So I'm thinking about wrapping up this season of, you know, the podcast. This season has been all about conversations, with different people doing hypermedia stuff, which I have really enjoyed. It is quite a bit harder to kind of do the episodes and, you know, schedule and stuff like that and find a time when people can meet. I've also been posting things on YouTube. So, the whole process takes a little bit of extra, time, and then I post about it on Twitter.
Lazarus:So I think what I'm gonna do is I've just been trying to figure out what the next season is gonna be. And I've kind of decided I I've had a project that, I started a long time ago, but my plan is to continue that project and kind of build in public with this project. So the idea is basically a repository of of copy and paste kind of examples. So, you know, if you've if you've been listening to the show for a while, it sort of started with all the basic attributes, and then the advanced attributes, and then some, you know, headers, and some other kind of stuff. But it was much more, you know, much sort of technical into the weeds of of, HTMX and kind of the concept and stuff like that.
Lazarus:And so the idea for this site so so basically I want to build a site, and it's going to be called htmxlabs.com. And the concept is just a whole bunch of examples and things that you can just immediately look at. Everything is going to work, so it's all clickable. It's probably going to be 1 page, you know, at least the the main page that you get to should have a bunch of examples on it. What I want to kind of do is is harness the the power of HTMLX to, you know, how do I want to say this, like, with HTMX you can build a type of data heavy site that it's very difficult to do if you're relying on a virtual DOM.
Lazarus:So you can have a lot of content. So if you're if you're using a virtual DOM, then you're hiding a lot of stuff, you know, maybe through infinite scroll or through, you know, some sort of clever pagination, essentially, if you have something with a lot of data. That's perfectly fine. That makes sense to do in a lot of situations, for sure. But one of the really nice things about HTMLX that I found is that you can put a lot of data onto the screen.
Lazarus:And the reason for this is that with HTML you can put a lot of data onto the screen. And because HTMLX is not creating a separate virtual DOM, it's not crushing your sort of JavaScript rendering engine, to fill it up with a whole bunch of content. If you try to do that, if you try to, you know, create something with with React or Vue or Alpine or any of these kind of front end, frameworks, you know, what they do is they create a version of your they have to create these models and these objects and, you know, of all your data, in a separate virtual DOM implementation, in memory, in JavaScript. So that's why you get these pauses when you try to load a big page, and you can't click, or it just your browser is literally just locked up, because it's trying to load all this stuff into the virtual DOM. It's trying to process everything through JavaScript.
Lazarus:Whereas if you go to just an HTML page, it doesn't really matter how big it is, it just loads immediately. And you you see the beginning of the page, maybe it's still streaming loading stuff down at the bottom. You don't know. Doesn't matter, because if it's HTML it's gonna load right away. That's something that you can do with HTML, and that's something that I want to leverage with this, you know, this new concept, this new site, this HTML labs.
Lazarus:I want to have a place where, you know, for now just me, but where I or other people who are interested, perhaps I'm sort of trying to figure that out right now can put these kind of experiments, put these kind of, you know, here's a demo of this. I've seen a lot of them online. I've seen a lot of them on Twitter. I'd love to be able to link to them, or maybe even put them on the site directly, you know, with permission or with some sort of some sort of, submission or something like that. I'm still working out a lot of the details, but what I'm gonna do, my plan right now is after this season wraps up of conversations, I have, I think 2 more scheduled, that I'm really hoping to be able to get to.
Lazarus:So there's gonna be probably 2 more of those, and then I'm gonna start basically building in public and documenting it. I don't know exactly what that's gonna look like. I've already made some progress on the site, so, you know, some of it's just gonna be kind of, talking about the progress. But what I've done to kind of kick this off a little early is you can go right now to htmxlabs.com, and there is nothing on that page except a little a little, you know, intro, HTMLX labs coming soon kind of thing, and a little form. And I'm just calling it a suggestion box.
Lazarus:So you can go on there, and if there's something that you want to see eventually or, you know, just something even just a comment about HTMX Labs, about the concept, what you know of it so far, a whole bunch of examples that you can copy and paste, and kind of hopefully to to kind of show off show off what you can do with HTMX. That's the idea. So if you have any suggestions or specific things you want to see, or, you know, even maybe links to demos that you've seen before, I don't know, anything like that. I just want to kind of start capturing that now. So that there's a form on HTMX Labs, HTMX Labs dot com.
Lazarus:Go there, fill out the form. Your contact info is optional. I'm not gonna try to, like, collect any emails right now or anything like that, but I would like to hear your suggestions. If you want to include your email, your name, etcetera, I can eventually I'll know who you are, so I can eventually give you credit if you have some suggestion that I like, or I can give you a shout out, whatever. So, yeah.
Lazarus:I don't know. Check it out, and, I'm excited. Next season is going to be kind of a build in public episodes on building stuff in public with h t m x. And I hope that, you know, if you have any ideas and you want to be part of it, I hope to, you know, have have people be part of it. So if you're listening to this now and you want to just throw something out there, go for it.
Lazarus:I I can't wait to hear see some of the suggestions.