https://htmx.org logo
Powered by
# htmx-general
  • r
  • r
    provocative htmx tweet of the day
  • g
    Has anyone used htmx /hyperscript to lazy load responsive images that have srcset /sizes attributes? Normally I use a lazy load vanilla library, but it seems htmx/hypers have all the ingredients to do the same. I just haven’t figured how yet.
  • r
    hyperscript should be able to do it, but is there a reason the 
    lazy
    attribute in HTML isn't working for you? https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading#images_and_iframes
  • g
    Thanks... But full browser support across the board hasn’t been achieved,,.. for what I see safari doesnt offer it yet. And older browsers still would need a js fallback; right ? That’s why I still use a lazy loading library.
  • c
    hey guys, htmx is used for fronted dev with the aim of not using javascript? and GraphQL is a frontend agnostic , I am interested in using these two to grab data using GraphQL and htmx for front end, any guides or documentation?
  • g
    Yes. You’ll need something in the middle (on a server) to map the GraphQL results into HTML.
  • g
    Htmx works with fragments of pre-rendered html, so you’ll still need a server component.
  • g
    Most uses of GraphQL that I’ve seen send query results straight to the browser for JavaScript to sort out. That’s where htmx is fundamentally different.
  • g
    Is this a helpful place to start?
  • c
    @User Thank you for giving me a starting point!
  • c
    @User the little that I know, GraphQL responds with JSON data, so that JSON data has to be converted into HTML before htmx can be used?
  • g
    In general, yes. Htmx really wants you to do this on the server, though there are some client-side rendering extensions in htmx, and you could theoretically do it in hyperscript, too. However, neither library is really intended (or optimized) for this kind of use case. Do you have a server-side environment that you can use, like Python, Go, or Node?
  • c
    Yes, Python and Node
  • c
    @User however, my experience from o to 10 is probably
  • c
    4.7 out of 10
  • g
    Then that's perfect. My experience with CFML was 0 out of 10 on the day that my boss said "here, figure out this 'shopping cart' and make some massive changes to it. The client wants it in a week." You're already in a great position 😉
  • g
    Draft of Issue 7 of This Week in HTMX: https://51bc9ed0.this-week-in-htmx.pages.dev/issue/7/ Feedback welcome. @User @User @User @User @User @User @User @User This issue features messages from you. Please feel free to reach out if you'd like them left out/amended/any other issue. My DMs are open.
  • b
    https://github.com/bigskysoftware/htmx/commit/0f72543171c5bc10431d8d4a0439952cb46c79e5 I would like to document this functionality, I have not found it in the documentation, where would it be ideal?
  • r
    every time I have to explain htmx to a react dev
  • g
    I am trying to associate 2 event with hx-trigger attribute: 
    hx-trigger="load note-success from:body"
    Whereas the load event does trigger, but my custom event 
    note-success
    event does cause any trigger. I have verified that the hx-trigger value coming back from server does indeed have the value 
    note-success
    I think my syntax is not correct.
  • g
    Found it. I needed a comma separator!
  • u
    other than those non-rest-api-backend(django,etc), does anyone use htmx with cgi-based backend? traditionally cgi returns the whole html file, but i can return a part of html snippet, or json too
  • u
    does htmx work with json too? it seems the major feature is that it deals with html-sniipet-from-server, but, does it work with json-from-server too?
  • g
    htmx will work with JSON from your server... kinda. There are a couple of plugins that allow you to pass JSON through a client-side rendering/template before rendering it. But for the most part, if you're working with JSON, you should use another library (even _hyperscript) to parse and handle it.
  • g
    In general, JSON defeats the purpose of using htmx. I made a fun dynamic timeline app passing a JSON data feed through a hyperscript program. It worked great. But even hyperscript is not really optimized to translate JSON into HTML. That's what Angular/React are for 🙂
  • u
    ok, thanks. it does seem htmx's strength is to deal with html 'objects'(not the full page)
  • g
    Yes. Then you just leave HTML rendering to your server (which servers can do very well)
  • u
    i plan to use htmx with an embedded board that runs cgi, need decide if the cgi should return html segments or json objects, seems I should do the typical cgi-html return then
  • g
    browsers can't render JSON like HTML, so you need to turn it into HTML. in htmx, you do this server-side whereas in SPAs you do it in the client
1...453454455...1146Latest