https://htmx.org logo
Powered by
# htmx-general
  • m
    i will avoid the temptation to be pedant about REST 😑
  • w
    I think I'm in love
  • m
    seems like it should be this easy, doesn't it? 😉
  • w
    Yes, and my mind is spinning. This is rad!
  • m
    welcome to the machine
  • m
  • p
    Got htmx working with npm+esbuild
  • p
    (plus alpine)
  • p
    for production you just need to remember to use --minify-syntax and --minify-whitespace rather than the blanket --minify flag, as you need to keep the full reference to "htmx"
  • p
    otherwise no issues (& of course you need to install "htmx.org" as pointed out elsewhere)
  • p
    another gotcha (as with any npm usage) is that you need to keep a reference to the global window.htmx if using the API in any JS module.
  • p
    fully minified/compressed JS bundle (htmx+alpine+sortablejs and own stuff) comes to around ~34kb
  • p
    esbuild just takes about 24ms on my old laptop
  • b
    Very nice! The 
    hx-disabled
    attribute was already added in 1.3.3 if I'm not mistaken.
  • m
    \> when a copy and paste job goes bad
  • m
    \> 34kb
  • a
    do you have something to show?
  • p
    yes, although it's very WIP
  • f
    Did no-store+max-age work?
  • p
    it did, yes, thanks
  • s
    I heard some of you use alpine.js. Could you please share some examples where alpine.js makes sense? Up to now I live happily without it. But maybe I just don't know how it can help me. I looked at the docs of alpine.js and it looks like Vue, just a bit simpler. So how can alpine help if your application uses htmx?
  • s
    Can anyone offer tips on using htmx with front-end validation libraries? Seems to work fine with native html5 validation, but as soon as a library is added the form submits even if invalid.
  • m
    what library? You are almost certainly going to have to hook in to the htmx events, in particular the https://htmx.org/events/#htmx:beforeRequest event
  • p
    I used it for my django+htmx app. It fulfils a role like that of Stimulus in the Hotwire stack - it fills in the gaps where you need the interactivity of JS in the client beyond AJAX. In my case, a custom audio player for example.
  • p
    as with Stimulus, it provides good element-level scoping unlike, say, jQuery or vanilla JS, so I can localize behavior
  • p
    (hyperscript likely is another contender)
  • p
    it does have a lot of similarity to vue, but probably easier to use if you want something you can just "drop in" to a page (I think vue can be used in a similar way- I've mainly just used it in SPA type projects though)
  • s
    Have tried several - parsley.js, bouncer.js, pristine.js ... All seem to add novalidate to the form which I guess is why htmx ignores any errors.
  • m
    😑
  • s
    Yeah hence wanting some tips. I thought this would be a common need but cannot find any examples.
1...268269270...1146Latest