https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • g
    > Also, HTMX is best styled with semantic classes. Which is a problem for companies using Tailwind and utility classes in their HTML. With class-heavy HTML it's nearly impossible to redesign in two different places. Tailwind itself talks about the solution to this problem: > The biggest maintainability concern when using a utility-first approach is managing commonly repeated utility combinations....This is easily solved by extracting components and partials (https://tailwindcss.com/docs/utility-first#maintainability-concerns) also, > And performance suffers and returning larger chunks of HTML. unless you know about the 'magic' of HTTP caching...
  • a
    Alpine.js supports Tailwind classes perfectly. Making a few head-to-head comparisons of Alpine.js and hyperscript for front-end scripting work is on my todo list.
  • a
    Interesting approach. I'll play with it later.
  • has anyone tried using AWS API Gateway
    b
    has anyone tried using AWS API Gateway (HTTP) as the backend for their MPA + HTMX app?
    b
    q
    +2
    • 5
    • 13
  • g
    anyhoo, on the one hand, a bunch of people who used htmx rave about it. on the other, a few folks who didn't try it, criticized it. who to believe? 🤔
  • q
    As the internets would have it: disinterested and hostile bystanders. Anyone else must be a paid shill.
  • m
    class literals w/ dashes should work now
  • g
    We want slashes though. Give the people what we want. Also, as tailwind would have you do sometimes 
    top-[117px]
  • r
    That was one of my main gripes with Go for webdev as well, you may apprecaite this: first class htmx as well.
  • Is this the correct way to load a
    f
    Is this the correct way to load a mastache template from a file? I can only see the loading if I inline the in the page I'm making the request from: index.html:
    Copy code
    <script src="templates/user.html" id="user-template" type="text/mustache"></script>
    templates/user.html:
    Copy code
    <template>
    <table class="table table-sm">
        <thead>
        <tr class="border-top-3">
            <th scope="col">id</th>
            <th scope="col">msisdn</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>{{ID}}</td>
            <td>{{Msisdn}}</td>
        </tr>
        </tbody>
    </table>
</template>
    I have 
    <body hx-ext="client-side-templates">
    in index.html. Here is the actual :
    Copy code
    <div class="container">
    <div class="row">
        <form>
            <div class="form-group">
                <label>
                    <input hx-get="/api/user"
                           hx-trigger="keyup changed delay:2s"
                           hx-target="#user-content"
                           mustache-template="user-template"
                           type="number"
                           placeholder="msisdn"
                           value=""
                           name="msisdn"
                           class="form-control" autofocus>
                </label>
            </div>
        </form>
        <div id="user-content"></div>
    </div>
</div>
    r
    • 2
    • 15
  • p
    what's the end goal for htmx
  • p
    because right now it's a js lib
  • p
    well works better than a standard because Google can't extend it and extinguish it
  • b
    world domination
  • p

    https://cdn.discordapp.com/attachments/725789747212976259/1105515807158587432/image.png▾

  • a
    My dentist told me I had flouridosis
  • f
    web components
  • c
    What is it and how did you get it?
  • a
    Large amount of fluoride in the water in Nevada. Makes your teeth very white haha. Not sure about other effects though
  • h
    According to many old cranks when I was a kid, also makes people susceptible to Communist plots. #974086000307499028
  • d
    i'm doing an ajax request like this: htmx.ajax('GET', '/blah', {swap:'none'}); is it possible to disable the indicator with that request only?
  • h
    hope everyone is feeling splendid I have a question; I'm unable to intercept a get request from a form element. my code is as follows:
    Copy code
    <form
          hx-get="{% url 'dhl:customer_shipment_list' %}"
          hx-on="htmx:beforeRequest: alert('Making a request!')"
          class="form" 
          hx-trigger="submit,change"
          onchange="queryParams.setForm(this)"
>
  • h
    it's not alerting 😢
  • m
    can you print 
    htmx.version
    in your console?
  • e
    this place is poppin'
  • c
    free whitening? nuts!
  • c
    how quickly? maybe i should just spend a week in nevada
  • c
    Does anyone perhaps know how to use hx-push-url within the htmx.ajax javascript library : I've tried 
    htmx.ajax('GET',
    ?where=${encodeURIComponent(queryString)}`,{target:"#ListContent", swap:"outerHTML",pushUrl:true})` , but that didnt work. neither 
    "PushUrl"
  • h
    1.8.6
  • m
    You'll need 1.9.2
1...112011211122...1146Latest