I'd love to see a list of heavily interactive sites that use the HTMX technique. I believe Github uses something like HTMX + ActionCable, and it shows how good that experience can be (and some limitations). But I think it's in the small minority. It'd be nice to know of more examples, instead of just more libs.
Hey.com is one.
UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
91–100 of 194 posts
Re: UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
#92I can do the same thing via NextJS and output pure HTML and CSS without any JS at all. Or with server components, output only the minimal JS needed. Not sure why everyone wants to write a programming language inside HTML like lit does.
A fresh install of NextJS is roughly 150MB. You realise that's mostly code that all needs to work right?
Re: UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
#93Earlier quoted context omitted.
>Shouldn't the items be in the row Maybe! I was messing with different UI approaches to relay this data and this made sense to me, but I'll see if switching to rows is more clear. Thanks for the idea!
The column layout is basically impossible for me to meaningfully navigate on my laptop -- the scrollbar and descriptions don't both fit on the screen (appreciate the repeated titles at the bottom, but ultimately they don't say much)
Re: UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
#94Where is preact?
Progressive enhance HTML means whatever backend you use, it spits out html, and the HTML is rendered without Javascript. Preact fails this.
The libraries are meant to progressively enhance html by replacing or enhancing certain actions with small javascript. For example, with htmx, usually clicking on html link would load complete page, but with clever htmx directive, the link onclick will only load/replace what is needed.
Think of progressive enhance html as html first. As the page working even if javascript is disabled.
Re: UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
#95Re: UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
#96This is a brilliant list, I'm a particular fan of HTMX and Alpine.js. The move back towards small dependancy free JS libs, in combination with modern JS ES Modules, is absolutely brilliant. I learnt web dev back in the late 90s by doing "view source", and was still learning about new things that way well over a decade later. If we can move back towards that, by not having a build step, it will be amazing for new devs…
Re: UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
#97This is a brilliant list, I'm a particular fan of HTMX and Alpine.js. The move back towards small dependancy free JS libs, in combination with modern JS ES Modules, is absolutely brilliant. I learnt web dev back in the late 90s by doing "view source", and was still learning about new things that way well over a decade later. If we can move back towards that, by not having a build step, it will be amazing for new devs…
> I learnt web dev back in the late 90s by doing "view source", and was still learning about new things that way well over a decade later. If we can move back towards that, by not having a build step, it will be amazing for new devs starting out and learning new things. Same here, and I couldn't agree more. Had minified library soup with dynamic page content been the norm back then it would've been much harder to get…
Re: UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
#98This is a brilliant list, I'm a particular fan of HTMX and Alpine.js. The move back towards small dependancy free JS libs, in combination with modern JS ES Modules, is absolutely brilliant. I learnt web dev back in the late 90s by doing "view source", and was still learning about new things that way well over a decade later. If we can move back towards that, by not having a build step, it will be amazing for new devs…
If you use htmx what backend technology do you choose?
Literally anything that'll render HTML will suffice. Even static HTML files on a web server will do. No need for an application server at all if you're clever and your needs are simple.
Re: UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
#99Re: UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
#100To the maintainer: Cloudflare is mangling your HTML and redacting lit's `@version` with `[email protected]`.