Tetra – Full stack reactive component framework for Django using Alpine.js

Re:Tetra – Full stack reactive component framework for Djang... by samwillis on Friday May 27, 2022 @09:55AM (#31529683)

Firstly HTMX is awesome, its a really cool project. There is also a Django project implementing helpers for it: https://django-htmx.readthedocs.io/en/latest/

HTMX and Alpine take quite different approaches, HTMX is more about calling remote endpoints, returning html fragments and replacing parts of the DOM. It's really nicely done.

Alpine on the other hand is more about decorating your elements with directives and having a "reactive" client side state, very much like a mini Vue.js (it actually uses the reactive core from Vue). It also has a "morph" plugin, which Tetra uses, that rather than replacing the dom with html retuned from the server it makes all the necessary changes to make the existing dom match, keeping all user state (cursers in text boxes etc.). This is a lot like how Vue and React work.

Tetra components are sort of inspired by Vue and so more closely align with the Alpine approach.

[ Parent | on HN ]

Re:Tetra – Full stack reactive component framework for Djang... by rsyring on Friday May 27, 2022 @05:31PM (#31535171)

Thanks for the detailed reply. It's helpful to understand the difference between the two approaches at a high level.

You probably know this but for others who might read, HTMX has an alpine plugin which uses morph and persists client side state, including Alpine competent state: https://htmx.org/extensions/alpine-morph/

I also thought HTMX persisted some state on swapped elements, but it's possible that's only the html attributes. Can't seem to find details in the docs at the moment.

[ Parent | on HN ]