htmx in 100 seconds 

awww

@@saviocri good introspection

bruh... 🤗

So gay

Does that mean you hate him ....

Exactly what I use it for -- I've got tons of small dashboards in production using htmx

You'd think you'll love it until you realise you have to return HTML from your backend.

@@heitorvrb It doesn't seem like it would be to hard to hook into the HTMX events and use templates so you're only returning data.

@@heitorvrb and what is the problem with that? I'm not familiar to htmx, but with Ruby-on-Rails it's easy to return both html or json or anything else.

this thread & replies above are gold nuggets (:

really? where can i learn about this htmx. does it work with php?

@@cheeseburgersuperior1874 I dont see why it wouldn't work. @bugbytes3923 is a good channel but he uses Django mostly. Same concept though.

for small / simple projects

@@bluecup25 for now, eventually it will surpass others. never underestimate, i say.

@@bluecup25 Yeah probably for smaller projects. Or even just to update some old apps to add a bit more fluidity to them. There is quite a bit of functionality already there that could replace a ton of JavaScript with a few simple HTMX tags in your html. HTMX is really good I wouldn't underestimate it just yet.

Totally relatable

He checks what’s hyped 😂

Are you Fireship?

AI

He took the red pill …

In theory this is absolutely possible, but what's currently lacking to me are developer tools. Debugging is complicated, especially when using framework like Django or Laravel that are not thought with htmx is mind.

Yeah, I've seen people talk about this a lot but it's looks underwhelming imo.. Like, why would I use this

It is not meant for that but mostly light web app that require a bit of UX improvement, for example Django framework is a very good combo.

Using php to render htmx ❤

On the other hand, building a large enterprise solution is always looks insane 😐

How small the world is it! 😊

Carson

🤣🤣🤣🤣

been there, done that

So true. Not sure if I should add it at the end of my list of 2589 new technologies to learn or I should swap it with something as it sounds quite revolutionary.

@@andy-ally i create a repo with something new to learn. Commit for 2/3 days Fireship uploads New repo, new stuff Redo

LOL but I doubt that because HTMX looks like a keeper.

where else can one use hyperscript, do I really need to learn this strange "language"?

@@depafrom5277 No, you don't have to. htmx integrates well with vanilla JS, and web components also complement it really well too.

Pls do Hotwired and Turbo after htmx❤

​@@TheWrapperupany tuts on integrating with webcomponents. Seems like a convenient way to add features to a webcomponent without hacking into the webcomponent itself.

Hyperscript is interesting but not interesting enough to be worth pulling in as a dependency imho. Just using the excellent alpine js integration is usually better

What mini documentary? 👀

@@theghosthuntergal ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XRoSBWYMefY.html

@@theghosthuntergal Honeypot made a mini doc on him.

@@lokeshg9929 wow that was good .. would have never thought he’d be an introvert and laid back OR A DAD?!? :) Where are the dad jokes?! Thanks for the pointer!

💛

deja vu?

I, too, think that libraries like react and vue add complexity instead of making life easier.

Was the back-end in clojure? Htmx looks like it would work wonderfully with hiccup syntax Edit: oh that's actually exactly what Biff is now that I think about it 😝

@@Abayake Yes exactly. We don't use Biff; just java Clojure with Ring, hiccup, and htmx with some _hyperscript sprinkled in here and there where needed. We have a main function that starts Ring/Jetty directly. I love this so much more than cljs and React.

How many lines of code did you throw away?

can you implement dynamic content loading easily when scrolling, or do dynamic auto complete when searching a list in a text box using this? Just checking how dynamic this tech is to see if its worth learning.

It is supposed to be played at 1.5X

​@@immcnabbunderrated comment

it's a feature not a bug

​@@immcnabb I played it at 1.75x, does that count?

@@zohayer.mehtab 2x D:

Hey did you also use DTL with HTMX for your chat app? Does it make sense to use both?

@@hroman_codes if you are talking of django template language, yes I used it, it basically returns a templated chatbox component with content in the response

Yeah, for the rest you can use a template engine. I like it, I would use it.

Reactivity?😂 Bro

@@JEsterCW ?

Yes. It is because it's one of the single viable ways to have dynamic front-end without creating an API and a second project. However, there is no tooling and the global DX is meh. If Django team decided to include such a framework natively, it could be way better.

So you mean it’s prod ready? 😅

@@darkbluewalther there is django-htmx that helps. I also think it is a lot more useful than simply for having a more dynamic front-end. You can use it for cross project integration. Meaning, Project A can request an app(htmx view) from a completely different project and inject it into the other. To me, it seems like a great replacement for REST APIs.

Django needs to bail on this ASAP and just adopt something like Vue or svelte

Lol, just came to know it because of a meme, my curiosity arouse, and found this video, really liked how it looks, I'm also a Django developer and was thinking that it would be good for a small project in working on in which I don't want to implement a REST API and divide front and back, I've been avoiding Ajax calls for the moment and this looks perfect for maintaining the code clean. Funny that there are a lot of comments about Django people liking it, I guess we like simplicity and elegance, haha!

Htmx, alpine, astro, tailwind is my fav stack, the most enjoyable and fun one

With astro how do you send html fragments for updates ?

@@ukman1234g wtf u mean XD? it works the same way as it does for plain html, wth

What “advanced patterns” can it do that other frameworks cant?

​@@JEsterCWyeah dude like wtf is up with that question right? Such bullshit. How dare that guy ask for clarification on a point of genuine curiosity. Fucking people these days man. **Sarcasm

Thx for mentioning his alt channel I had no idea there was one. Just subbed

Do you know if you can use Django DTL with HTMX?

Thanks for chatgpt3 response.

You like Huey Lewis and the News? Their early work was a little too new wave for my taste. But when Sports came out in '83, I think they really came into their own, commercially and artistically. The whole album has a clear, crisp sound, and a new sheen of consummate professionalism that really gives the songs a big boost. He's been compared to Elvis Costello, but I think Huey has a far more bitter, cynical sense of humor. In '87, Huey released this; Fore!, their most accomplished album. I think their undisputed masterpiece is "Hip To Be Square". A song so catchy, most people probably don't listen to the lyrics. But they should, because it's not just about the pleasures of conformity and the importance of trends. It's also a personal statement about the band itself.

How much faster is it than using React for a component based architecture?

Same.

Works even better on super large projects because you end up with ~90% less JS.

I just don't understand why people keep saying some new technology would be great for "smaller" projects when a large project is just a whole bunch of small projects put together. Is there really a technical problem? Or is it a matter of managing risk with the new technology?

ʕ •ᴥ•ʔ made in montana (isso está no rodapé da página do htmx)

alpine is great too, minimalistic

As the proprietor of a hugo-based blog I thought that almost immediately.

That was my first thought. Simple Go scripts returning the little data I want.

This comment aged well

Same, I've been out of the game for a while. This is just a polished version of DHTML or AJAX. Seems a lot better than the other junk the frontend people were doing recently.

Dang, that's sad.

​@@jessh4016Jesus chill

@@alaala-op9hv 😅 is just sarcasm! Just joking.

Well My college teachers didn't even knew React and Svelte 4years back when i graduated. Even if they did , they didn't expose us students to new technologies and WHAT REALLY is going on in the market. my college years were terrible and I extremely regret attending that college... to this day I don't have a job and low confidence in myself, that i couldn't do shiet

it is my 3rd semester in college, we only just learnt about Java. I am planning to take a leave of absence to teach myself node and react ( I already taught myself HTML css and JavaScript ) Yes college is a waste of time and money

C# Awful? In which age you're living bro??

​@@sanampakuwalHe's in the noob age

which framework?

Name the framework

Better not be Blazor

Yeah, it was inspired by Hotwire and Laravel's LiveWire, but more backend agnostic.

Yes, exactly the same concept.

@@chris-peeHotwire is also backend agnostic.

@@OverG88 yeah, but there's a bit more protocol to it, right? I mean it's annoying without a library to place those special tags.

@MatteoContrini true, I agree Unpoly is the better

very limited, simple cases.

😂

Wow, I'm glad to see someone else remember them! HTMX is ideal for cases like this.

It's pretty cool of you to name 3 techs which don't know what DOM is.

and express

They dont need to.@@ra2enjoyer708

I love drupal

Please never utter the word Drupal again lol

@@daedalus5070 Drupal ❤️

Yii had a similar feature too. By declaring a special mode a template will use AJAX requests to the backend controller that originally rendered it. Pagination, form validation and processing, this cute javascript magic under the hood allowed to never be bothered with frontend programming

@@Nekroido Oh yeah, I forgot Yii had that too. It had some great CRUD generation too. Always enjoyed that about Yii.

you can 100% retun JSON from your backend rather than html to update data dynamically on the front end

@@okolosarah4902 Thanks for the info bro, now it looks seriously interesting👍

why ?

​@@generalezaknenou He implemented the 'hi mom' instead of 'hello world' to greet his mother who, despite not knowing anything about the topic, watched all his videos. But sadly she passed away.

The beauty of "going full circle" is that we end up with all the features we wanted, without the clutter.

@@Bempus Until we add more clutter again and repeat

There are quadrillion server template rendering languages, all are terrible in various ways and there will be more (and at least as terrible). What full circle are you talking about?

Full circle is using vanilla features: data-attributes,fetch, DOMParser, standard event attributes,etc.

No.

He's a master in JS but we all know how much he "loves" it. But hey, it pays our bills so...

I think you could call Alpine that. (Note that's it's pretty damn slow)

@@chris-pee What is slow, Alpine or htmx?

@@biomorphic Alpine. Htmx is pretty ok I think.

@@chris-pee How's Alpine slow?

@@iatheman what do you mean? I'm not sure how, maybe due to evaluating the code from a string. It's about 2 times slower than competition, and uses 3 times more memory.

Dont say it like that before you actually do it. You'll lose motivation cuz your brain thinks you already did it since it gets a dopamine rush of success with you telling it to us.

@@armankarambakhsh9863 That's how I roll - I thrive on dopamine rushes of success without actually doing anything. Sure, I'm a bum, living on the streets, but in my mind, I'm THE rockstar developer. Think it, already done. Works for me!

@@matthewtrow5698 I'm laughing but also crying inside

Server side rendering is popular because building MPAs doesn’t require a bunch of JavaScript to be loaded just to see the html and css. The user experience is only marginally better using SPAs (in a lot of instances)