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

Поделиться
HTML-код
  • Опубликовано: 28 авг 2024

Комментарии • 55

  • @safadyrn
    @safadyrn 11 месяцев назад +7

    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
      @bugbytes3923  11 месяцев назад

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

  • @Art-uz3fk
    @Art-uz3fk 9 месяцев назад +2

    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
    @MagnusAnand 11 месяцев назад +4

    Your tutorials are amazing!!

  • @kill_switch_101
    @kill_switch_101 3 месяца назад +2

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

    • @bugbytes3923
      @bugbytes3923  3 месяца назад

      Thanks! Appreciate the comment

  • @seydinaoumarsamabaly1806
    @seydinaoumarsamabaly1806 11 месяцев назад +1

    Great content again always useful !

  • @JustinSpryce
    @JustinSpryce 11 месяцев назад +2

    Great video sir

  • @smyrnian_
    @smyrnian_ 11 месяцев назад

    Very cool! Thank you.

  • @sanmiamos
    @sanmiamos 10 месяцев назад +1

    this is amazing

  • @repotranstech9614
    @repotranstech9614 11 месяцев назад

    cool video as always.

  • @user-gm6cg4wc4u
    @user-gm6cg4wc4u 10 месяцев назад

    Awww so chilling

  • @nchomey
    @nchomey 11 месяцев назад

    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?

  • @elleryleungnews
    @elleryleungnews 9 месяцев назад +1

    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

  • @dmitrymikhailovnicepianomu8688
    @dmitrymikhailovnicepianomu8688 11 месяцев назад

    Elegant!

  • @frameff9073
    @frameff9073 11 месяцев назад +2

    thank you

  • @Eugtrader
    @Eugtrader 5 месяцев назад

    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?

  • @Septumsempra8818
    @Septumsempra8818 11 месяцев назад +4

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

    • @bugbytes3923
      @bugbytes3923  11 месяцев назад +4

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

    • @Septumsempra8818
      @Septumsempra8818 11 месяцев назад

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

  • @AdharshMk96
    @AdharshMk96 7 месяцев назад

    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 )

  • @Cutie_Creativity
    @Cutie_Creativity 11 месяцев назад

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

  • @MrKeliv
    @MrKeliv 11 месяцев назад

    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

  • @oSpam
    @oSpam 11 месяцев назад

    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?

  • @otaxhu
    @otaxhu 11 месяцев назад +1

    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
      @bugbytes3923  11 месяцев назад

      True! I just like django-htmx 😄

  • @myoji5580
    @myoji5580 11 месяцев назад

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

  • @user-gm6cg4wc4u
    @user-gm6cg4wc4u 10 месяцев назад

    So nice

  • @leohenrique5038
    @leohenrique5038 11 месяцев назад

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

  • @user-gm6cg4wc4u
    @user-gm6cg4wc4u 10 месяцев назад

    Wow

  • @markvolkmann1117
    @markvolkmann1117 7 месяцев назад

    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
      @ZakKohler 7 месяцев назад +1

      The whole page just reloads like any other website

    • @markvolkmann1117
      @markvolkmann1117 7 месяцев назад

      @@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.

  • @susiebaka3388
    @susiebaka3388 8 месяцев назад

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

  • @chriskeo392
    @chriskeo392 11 месяцев назад

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

    • @bugbytes3923
      @bugbytes3923  11 месяцев назад

      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.

  • @naranyala_dev
    @naranyala_dev 9 месяцев назад

    request: more htmx case study

  • @unl0ck998
    @unl0ck998 11 месяцев назад

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

    • @bugbytes3923
      @bugbytes3923  11 месяцев назад

      Nope - this is the first! 😄

  • @aafan.kuware
    @aafan.kuware 4 месяца назад +1

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

    • @bugbytes3923
      @bugbytes3923  4 месяца назад

      Thanks Aafan!

    • @aafan.kuware
      @aafan.kuware 4 месяца назад

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

    • @aafan.kuware
      @aafan.kuware 4 месяца назад

      firstly I love django and second your teachings 🤣

  • @mdmizanurrahmantanim7401
    @mdmizanurrahmantanim7401 11 месяцев назад

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