HTMX - hx-boost Attribute for Progressively Enhancing Web-Apps

[@safadyrn]

Your content is so great man. Whenever I got stuck with htmx I just scroll through your content most of the time there is some really good explanation on the subject.

[@bugbytes3923]

Thanks a lot! Really delighted to hear that, cheers man!

[@Art-uz3fk]

Related piece here is when you use hx-push to add url parameters then hit refresh, only the template partial will load without base.html. then you need to follow a similar practice of identifying if its a standard non ajax request and handle that differently than the partial htmx requests

[@MagnusAnand]

Your tutorials are amazing!!

[@bugbytes3923]

Thanks a lot!

[@kill_switch_101]

every time I have a Django & HTMX problem, I come here

[@bugbytes3923]

Thanks! Appreciate the comment

[@seydinaoumarsamabaly1806]

Great content again always useful !

[@bugbytes3923]

Thanks a lot!!

[@Septumsempra8818]

How to use browser transitions to create a nice SPA feel?

[@bugbytes3923]

Great suggestion - I'll look into making a video on browser transitions.

[@Septumsempra8818]

@bugbytes3923 I found a great library: django-mptt for tree data (categories and sub-sub-cats )

[@elleryleungnews]

I have a question for you regarding HTMX: let's say I have a Python/Go/PHP server as API backend, and I do not want to disclose this backend server. And if I want to use HTMX as frontend, what frontend server framework would you recommend to mask the API backend? I hope this frontend server is capable enought to handle large amount of almost concurrent access. Would you recommend Bun? Or NodeJS 20 + Express, or others? Thank you

[@ragnadrok7]

I’m interested to know how to make a sidebar menu with active indicator and have it work like spa ( active indicator changing, ans page content changing like spa )

[@JustinSpryce]

Great video sir

[@bugbytes3923]

Thanks a lot Justin!

[@Cutie_Creativity]

It would be very nice, if you please, make a video series for htmx based ticketing system.

[@Eugtrader]

I like to use htmx, but I ran into a problem - when loading part of the page using htmx, which contains swiper, it stops working, but if I load the entire page, everything works fine. Can anyone tell me how to solve the problem?

[@nchomey]

Great video! Is there a way to have multiple hx-targets when using hx-boost, so that different links/buttons swap different elements? Do you just use a different hx-target tag on each link/button? Though Is there really even any point in using hx-boost at that point?

[@MrKeliv]

Thanks for great tutorial. But I have a question/problem. I want to use DataTable library. When first load its not working. But when I refresh or click same url. DataTable is working. Do you know why not working when the first load ? Thanks

[@otaxhu]

10:38 dude the only thing you needed to do was check if in the Request Headers was HX-Request present, there is no need to install another dependency in the project

[@bugbytes3923]

True! I just like django-htmx 😄

[@myoji5580]

I posted a comment before, but please tell me how to implement Amazon search filters through htmx. You also need to add a page.

[@smyrnian_]

Very cool! Thank you.

[@bugbytes3923]

Thanks a lot!

[@susiebaka3388]

8:46 why use js at all at that point 😵

[@oSpam]

What if you don't want to redirect the user to a new URL? Is that possible to still "swap" the elements using the same page even with JS disabled?

[@leohenrique5038]

Thanks for your channel exists, i have scripts in js but when i use htmx my scripts dont load, how i can resolve this?

[@chriskeo392]

Is reactpy comparable? Should we use one or the other?

[@bugbytes3923]

I've had a quick look at ReactPy and it's on my list of videos to-do. But I don't know enough at the moment! If anyone is interested in a video on this, just let me know.

[@repotranstech]

cool video as always.

[@bugbytes3923]

Thanks as always!

[@naranyala_dev]

request: more htmx case study

[@sanmiamos]

this is amazing

[@bugbytes3923]

Thanks!

[@frameff9073]

thank you

[@bugbytes3923]

Thanks a lot!

[@unl0ck998]

I'm having some sort of crazy dejavu because I remember already seen your tut on boost but I can't find it.

[@bugbytes3923]

Nope - this is the first! 😄

[@dmitrymikhailovnicepianomu8688]

Elegant!

[@bugbytes3923]

Thanks!

[@PrudenceGodstime]

Awww so chilling

[@PrudenceGodstime]

So nice

[@bugbytes3923]

Thanks!

[@markvolkmann1117]

There's something puzzling about this. "hx-boost" is an HTMX attribute. HTMX is a client-side JavaScript library. If JavaScript is disabled in the browser then the HTMX library shouldn't be used and the "hx-boost" attributes shouldn't be interpreted. What am I misunderstanding?

[@ZakKohler]

The whole page just reloads like any other website

[@markvolkmann1117]

@@ZakKohlerI dug into hx-boost more and understand it now. What I was missing was the performance benefit of replacing the `body` content in the current page without processing `link` and `script` tags in the `head` of the new HTML. That of course only happens when JavaScript is enabled.

[@aafan.kuware]

🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏💐💐💐

[@bugbytes3923]

Thanks Aafan!

[@aafan.kuware]

@@bugbytes3923 we should thank you, love the way you explain with each and every scenario.

[@aafan.kuware]

firstly I love django and second your teachings 🤣

[@PrudenceGodstime]

Wow

[@mdmizanurrahmantanim7401]

please don't miss understand me. I find it hard to understand your pronunciation.😢

[@bugbytes3923]

Sorry to hear :(