https://htmx.org logo
Powered by
# htmx-general
  • g
    keep in mind that you're not magically preventing requests when you use js/client side state vs a round trip to the server; your js framework also had to fetch that select data at some point as well. what you're doing with htmx is just delaying it until you need it, and using a dead simple mechanism for doing so as opposed to the arcane machinery of javascript frameworks.
  • m
    Could you expand the target to replace both drop downs with the same response?
  • b
    Almost all of my problems in programming come down to trying to optimize too early 😫
  • b
    Premature optimization slowed down the rollout of my SaaS app by several months. Over stuff I ended up pulling out because it was unnecessarily complex.
  • g
    👆
  • g
    this
  • g
    "Do you suffer from premature optimization? Don't worry, htmx can help"
  • b
    I'm stealing that line 😅
  • s
    "The lean startup" is a great book. Eric Reis tells great stories how he developed with full enthusiasms for months .... but unfortunately he developed into the wrong direction. It is fun to read/hear.
  • b
    I spent a ton of effort implementing things like gRPC, an oauth provider, etc into my site with all sorts of future plans - turned out the customer had no need/desire for the things I was implementing these tools for 😆 Can't complain too much, though. It was a learning experience (my first real self-run business), and while it delayed things a LOT, I still had a 'dayjob' so I wasn't out on the streets due to my own ineptitude. Lucky, honestly. And now the business is gaining real traction, so I can hopefully pass those lessons on to others new to building/running SaaS and similar businesses.
  • s
    I am preparing my htmx talk for the DjangoCon EU. I miss a short umbrella term for "html fragments over the wire". What do you think about "FOW: Fragments over the wire"?
  • m
    hotwire? 🙂
  • b
    🤫 🤣
  • s
    in my internal doc im calling the architechture hREST
  • a
    QUESTION: Can someone show cool examples of websites made with htmx?
  • g
    I'm really proud of the work I've done in htmx, but it's still a work in progress. This would be a great list to collect, but I think a lot of htmx projects are still very new.
  • b
    okay where am trying to use htmx for a first time test can someone with experience pt me through if am doing anything wrong here
  • b
    base html is
    Copy code
    py
{% load static %}

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>{% block title %}Book store{% endblock title %}</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <!--<link rel='stylesheet' type='text/css' media='screen' href='main.css'>!-->
</head>
<body>
  <div class="container">
    {% block content %}

    <script src="https://unpkg.com/htmx.org@1.3.3"></script>
    <script>
      document.body.addEventListener('htmx:configRequest', (event) => {
        event.detail.headers['X-CSRFToken'] = '{{ csrf_token }}';
      })
    </script>
    {% endblock content %}
  </div>
    
</body>
</html>
  • b
    home html is important part is the button at the buttom
    Copy code
    py
{% extends 'base.html' %}

{% block title %}Home{% endblock title %}

{% block content %}
<div hx-target="this" hx-swap="outerHTML">
  {% if user.is_authenticated%}
    <h1>Welcome {{ user }}</h1>
    <a href="{% url "logout" %}"><button type="submit">Log Out</button></a>
  {% else %}
    <h1>Welcome to my page to view details please register</h1>
    <!--<a href="{% url "login" %}">Login</a>!-->
    <button hx-get="{% url "login" %}">Login</button>
    
  {% endif %}
  </div>

{% endblock content %}
  • g
    you are overriding the {% block content%} so the scripts don't end up on the page.
  • b
    aww thanks
  • b
    tested works u right 🙂 thanks a bunch
  • m
  • s
    Copy code
    guettli@yoga15:~/tmp/sub$ npm install htmx --save

added 1 package, and audited 2 packages in 3s

guettli@yoga15:~/tmp/sub$ cat package.json
{
  "dependencies": {
    "htmx": "^0.0.2"
  }
}
    Version 0.0.2? Looks a bit strange.
  • g
  • s
    Nice article! It is like the NoSQL hype. SQL looks boring and old, and thus people want something new. It takes some years until they discover that boring things are sometimes the best choice.
  • s
    I found the issue. "htmx" is a different project. You need to use "htmx.org".
  • g
    it needs an htmx flourish 😛
  • m
    second blog post?
  • g
    i didn't write the blog lol
1...258259260...1146Latest