https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
    Is your app going to get crazy interactive?
  • r
    No, not really. I think HTMX will be just fine for the app I'm going to be working on
  • r
    But I'm also thinking ahead to future projects. learning new libraries is such a time investment. I've been living in backend world, and the last one I learned was jquery and a little backbonejs
  • m
    something like alpine has a pretty light touch and still allows for reactive programming where you need it
  • m
    and alpine and htmx can pair well together, w/ alpine doing pure front end stuff
  • m
    and htmx doing the server communication
  • m
  • r
    Ohh no lol, I'd rather get kicked in the 🥜 than become a JS dev. No offense 😬
  • m
    NB: these jobs have nothing to do w/ htmx, they are for a mexican company
  • m
    Well, if you don't want to write a lot of JS, I think htmx and then alpine when needed is probably the least painful way forward
  • m
    if you are really brave you can look at https://hyperscript.org, which is sort of an insane next-gen jQuery scripting language we created too
  • r
    Interesting.. thanks
  • i
    Kind of. Most of my front-end JS functionality is server-initiated (the server ships down little snippets of JS in tags to initialize functionality -- which are essentially encoded RPC calls, similar to 
    ->jsCall()
    in XHP if you've ever seen it). Ideally like the same behavior for HTMX, so even if HTMX happens to be part of the JS bundle, it doesn't get turned on until I say so 🙂
  • i
    I'm using the NPM bundle if that's any different from the browser bundle, not sure
  • s
    Is there a way to run a piece of plain js code (calling a function with params is all I want to do) before a htmx request gets send? It needs to be per request, not globally.
  • s
    I can add a 
    onclick
    attribute to the same element or its parent but it feels wrong because I don't know if the will cause timing issues or the like.
  • m
    I would probably listen for the 
    beforeRequest
    event: https://htmx.org/events/#htmx:beforeRequest
  • s
    This would be global, right?
  • m
    if you want to localize it you'd need to use something like jQuery or VanillaJS and hook up the event listener by id after load. Alternatively you can use something like Alpine or hyperscript to put it on the element in question
  • m
    maybe it's time to take the hyperscript pill?
  • r
    Hi, is it some shortcut for writing this
    Copy code
    <div>
    <p>something static don't want to reload but comes from server</p>
    <div id="test" hx-select="#test" hx-target="#test" hx-swap="outerHTML">
      {% now "jS F Y H:i:s" %}
      <button hx-get="/get-this-html">Update time</button>
    </div>
  </div>
    Exactly this line 
    id="test" hx-select="#test" hx-target="#test" hx-swap="outerHTML"
    For example hx-swap="me" 😄
  • m
    🙂 not as of now
  • m
    I like the hx-swap="me" idea though!
  • t
    You don't have to specify 
    hx-target
    if the element is targeting itself, that's the default
  • r
    Thank you both for help 🙂
  • c
  • j
    What is the point of blog posts that don't actually link to the tech they describe? https://www.w3schools.com/appml/default.asp
  • b
    Why does clicking the button add two new items? https://codepen.io/geoffeg/pen/xxWaRGo
  • m
    that looks like a bug to me
  • m
    I don't see why that should be
1...780781782...1146Latest