Htmx Is the Future

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • Alpine.js

    A rugged, minimal framework for composing JavaScript behavior in your markup.

    I really want to switch over to htmx, as I've moved away from SPAs frameworks, and I've been much happier. SPAs have so much abstraction, and modern JavaScript is pretty decent to work with.

    The thing that keeps holding me back from htmx is that it breaks Content Security Policy (CSP), which means you lose an effective protection against XSS.[0] When I last asked the maintainer about this, the response was that this was unlikely to ever change.[1]

    Alpine.js, a similar project to htmx, claims to have a CSP-compatible version,[2] but it's not actually available in any official builds.

    [0] https://htmx.org/docs/#security

    [1] https://news.ycombinator.com/item?id=32158352

    [2] https://alpinejs.dev/advanced/csp

    [3] https://github.com/alpinejs/alpine/issues/237

  • jimm.horse

    I've made my personal website something of a hybrid SPA. WithJS enabled it only loads and replaces the relevant portions of the page, but a page renders fully from PHP going to it directly.

    Relevant code:

    https://github.com/ldyeax/jimm.horse/blob/master/j/j.php

    https://github.com/ldyeax/jimm.horse/blob/master/j/component...

    The JS would be much more elegant if script tags didn't need special handling to execute on insertion.

    The experience is very seamless this way - I'm very pleased with it. It's live at https://sfw.jimm.horse - the dynamic behavior can be found clicking through the icons on the bottom.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • hyperview

    Server-driven mobile apps with React Native

    i am the creator of htmx, this is a great article that touches on a lot of the advantages of the hypermedia approach (two big ones: simplicity & it eliminates the two-codebase problem, which puts pressure on teams to adopt js on the backend even if it isn't the best server side option)

    hypermedia isn't ideal for everything[1], but it is an interesting & useful technology and libraries like htmx make it much more relevant for modern development

    we have a free book on practical hypermedia (a review of concepts, old web 1.0 style apps, modernized htmx-based apps, and mobile hypermedia based on hyperview[2]) available here:

    https://hypermedia.systems

    [1] - https://htmx.org/essays/when-to-use-hypermedia/

    [2] - https://hyperview.org/

  • htmx-components

    🧩 Async HTMX + JSX

    I agree with this article, however I think that HTMX needs a strong server framework to support HTMX. I've thought about this alot and a couple months back created this deno / typescript framework https://github.com/reggi/htmx-components, would love for people to take a look at it and provide guidance and direction for a releasable version.

  • awesome-python-htmx

    A curated list of things related to python-based web development using htmx

    I recently put together https://github.com/PyHAT-stack/awesome-python-htmx at PyCon.

    If anyone is looking to discuss making Hypermedia Driven Applications with HTMX in Python, head over to the discussions there!

  • Yup

    Dead simple Object schema validation

    I think the main concern for frontend validation was before HTML5 came along with validation attributes. You can easily produce HTML input validation attributes from a Yup schema for example by using its serialization feature (https://github.com/jquense/yup#schemadescribeoptions-resolve...).

  • ssr-playground

    SSR playground with Deno & HTMX

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • idiomorph

    A DOM-merging algorithm

    maybe I'm too close to it, but htmx feels like a hack to address things that really should be part of the HTML spec

    if browsers got into the game I would assume they could do things much faster and integrate things like preload (https://htmx.org/extensions/preload/) and idiomorph (https://github.com/bigskysoftware/idiomorph/) much more cleanly w/ the rest of the browser infrastructure

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts