Less Htmx Is More
The author shares a two-year experience with htmx, advocating for plain HTML and regular links over hx-boost, emphasizing performance, user trust in multi-page websites, and simpler web solutions.
Read original articleThe article discusses the author's experience with htmx over two years, highlighting its advantages in creating user-friendly and maintainable web applications. The author advocates for using plain HTML as much as possible, suggesting that htmx should primarily be used for ephemeral content updates rather than for full-page navigation. The author criticizes the hx-boost feature, which allows links to perform partial updates instead of full page loads, arguing that it can lead to various issues such as broken back navigation and unexpected page states. Instead, the author recommends sticking to regular links for a more reliable user experience. The article emphasizes the importance of leveraging standard HTML features for performance improvements and maintaining a clean URL structure. While acknowledging that htmx can be useful in specific scenarios, such as creating single-page applications (SPAs) with persistent states, the author believes that most developers should focus on simpler, more robust solutions. The piece concludes by asserting that traditional multi-page websites are regaining trust among users, and that developers should prioritize using HTML and HTTP effectively for long-lasting web functionality.
- htmx is beneficial for creating user-friendly and maintainable web applications.
- The author recommends using plain HTML and regular links over hx-boost for better reliability.
- hx-boost can lead to navigation issues and is not necessary for most web applications.
- Leveraging standard HTML features can enhance performance and user experience.
- Multi-page websites are regaining user trust, emphasizing the need for simpler solutions.
Related
Hypermedia Systems
The book "Hypermedia Systems" by Carson Gross, Adam Stepinski, and Deniz Akşimşek, with a foreword by Mike Amundsen, introduces innovative web development concepts using htmx and Hyperview. It caters to web developers, individuals interested in web basics, and companies transitioning apps to mobile platforms. Available online and on Amazon.
From React to Htmx on a real-world SaaS product (2022) [video]
David Guillo shares his experience replacing React with htmx in a SAS product, highlighting htmx's advantages for creating rich user interfaces without JavaScript frameworks, emphasizing accessibility and ease of use.
The UX of HTML (2023)
Vasilis van Gemert emphasizes the importance of user experience in HTML, advocating for teaching interactive elements first to engage learners and improve accessibility, shifting focus from semantics to practical UX applications.
Htmx, Raku and Pico CSS
The author simplifies web development using HTMX, Raku, and Pico CSS, emphasizing semantic HTML and dynamic content creation without JavaScript, while working on a project to rebuild HTMX examples.
Why Gumroad Didn't Choose Htmx
Gumroad's CEO explained the decision to avoid htmx for their project, Helper, citing limitations in scalability and user experience, favoring Next.js and React for better performance and development efficiency.
Related
Hypermedia Systems
The book "Hypermedia Systems" by Carson Gross, Adam Stepinski, and Deniz Akşimşek, with a foreword by Mike Amundsen, introduces innovative web development concepts using htmx and Hyperview. It caters to web developers, individuals interested in web basics, and companies transitioning apps to mobile platforms. Available online and on Amazon.
From React to Htmx on a real-world SaaS product (2022) [video]
David Guillo shares his experience replacing React with htmx in a SAS product, highlighting htmx's advantages for creating rich user interfaces without JavaScript frameworks, emphasizing accessibility and ease of use.
The UX of HTML (2023)
Vasilis van Gemert emphasizes the importance of user experience in HTML, advocating for teaching interactive elements first to engage learners and improve accessibility, shifting focus from semantics to practical UX applications.
Htmx, Raku and Pico CSS
The author simplifies web development using HTMX, Raku, and Pico CSS, emphasizing semantic HTML and dynamic content creation without JavaScript, while working on a project to rebuild HTMX examples.
Why Gumroad Didn't Choose Htmx
Gumroad's CEO explained the decision to avoid htmx for their project, Helper, citing limitations in scalability and user experience, favoring Next.js and React for better performance and development efficiency.