https://htmx.org logo
Powered by
# htmx-general
  • e
    It is possible for sure, but as far as I’m concerned htmx was designed for full stack web applications, where your backend is actually generating HTML.
  • a
    You don’t host a htmx website as such, it’s just html with a JavaScript file. So whatever you’re using for your backend you could use to serve out plain old html (with htmx included)
  • r
    Ok thanks for your replies. I am most interested in this, because of the easy deployment to a global cdn. So, my idea is, to have static files with html+css+htmx (and maybe some js or alpine) and a Rest API which serves the interactive parts of the website.
  • r
    As I am a python developer, something like frozen-flask sounds interesting.
  • a
    Ok, but just in case you hadn’t picked up on it - the hypermedia approach is for the API to respond with HTML, not JSON.
  • a
    It’s quite alien to some, but it’s the original and still the best ™ way to build a web application
  • a
    I’d highly recommend https://hypermedia.systems to fully understand this approach
  • r
    I am aware of this. My (Flask) RestAPI will respond HTML and not json. 🙂
  • r
    I´ve already started reading this. Great read so far.
  • r
    Hmmm that’s not what I’m experiencing. I’ve manually removed HTMX entry in LocalStorage.
  • r
    What do you guys and girls do with error handling now that there’s much more logic on the frontend? Should I incorporate something like Sentry to catch FE exceptions/bugs?
  • j
    Hi all Im trying to build a web3 application using htmx. The first step is to get a wallet to connect - u need special javascript SDK to make this happen. Has anyone managed to get metamask to connect to a htmx web application? Which library did u use ?
  • h
    anyone figured out a way to trigger different urls depending on different events? for example, in a form which hx-posts to /sort which is triggered by 'end', how might you hx-post to /addsomething triggered by 'change'?
  • h
    right now im just using 2 divs to surround what i need and using hx-include=this on each, with differing hx-post and hx-trigger
  • h
    but it feels kinda weird
  • h
    also wont work where i need to use a form element instead of a div
  • t
    describe your use case a bit, might be a better way to do that than just different events
  • h
    I have two lists which are using sortable.js. The first list contains items that already in a particular order and can be rearranged. This fires a post request to /sort and then the newly updated order is saved and an updated fragment swapped in place of the first list. The second list contains items that can be dragged into the first list, but when they are they need to be handled differently on the backend. This change is triggered by sortable’s “add” event
  • h
    Using 2 divs lets me send the second request to /add
  • h
    Both are triggered by sortable’s custom events
  • t
    hmm
  • t
    For your forms, you could also just have two forms with different actions
  • t
    and use 
    hx-include
    to include all your inputs
  • h
    yeah that is possible but having to use hx-include is problematic where im already using it in a child element
  • s
    @happy-knife-63802 Could you update your server endpoint to handle both situations? Iterate through whatever is posted, set the order, then add any new items that are not already in the list?
  • q
    I have a listing page of projects and a search bar that can filter down the results. I'm running into an issue when using the tab key to navigate the page. When I try and tab past the search input field to focus on the first result without typing anything it still refreshes the results. It ends up loosing focus on the first element in the results listing and then have to tab back to gave focus. I'm assuming its because its still technically a change event?
  • h
    i could but the endpoint will get very messy and id rather avoid it
  • h
    but thats the fallback if the double div thing ends up causing issues
  • h
    not run into any yet
  • s
    Fair enough 🙂 Maybe you could use some custom JS to hook into https://htmx.org/events/#htmx:beforeSend to switch the URL?
1...102310241025...1146Latest