Alpine AJAX - Alpine plugin (bringing HTMX-like functionality to Alpine!) 

Thanks for watching!

Thanks a lot, glad you liked it!

Thanks a lot!

Thanks a lot for the comment, appreciate it!

Thanks a lot, appreciate it!

Thanks a lot!

On the alpine ajax page there are comparisons to other libraries, mainly HTMX. Copied from there: Both HTMX and Alpine AJAX are server-agnostic, they'll integrate nicely with almost any server-side language and architecture. Even more, both Alpine AJAX and HTMX work with Alpine.js. In general the HTMX community encourages developers to use _hyperscript in place of Alpine.js, but Alpine.js is still considered a good option for adding client-side interaction. Since Alpine AJAX is designed as an Alpine.js plugin, it follows Alpine.js conventions; so if you're already building apps with Alpine.js, Alpine AJAX will feel more familiar. HTMX favors flexibility where as Alpine AJAX prefers convention over configuration. Beyond the low-level tooling that HTMX provides, the library isn't very prescriptive about how it should be used. The HTMX documentation for updating content is one example of the library's lack of opinion: It presents you with four different solutions and leaves it up to you to consider the trade-offs for each. In contrast, Alpine AJAX tries to provide you with more guidance so you can become productive faster without stumbling into common accessibility and progressive enhancement pitfalls. HTMX weighs in at 13kB of JavaScript compared to only 3kB for Alpine AJAX. --- Bottom line, alpine ajax is more opinionated, and has an expected way to things, compared to HTMX's versatility. In their eyes, less, but more obvious options are faster to build with.

@@Soul-Burn Hey thanks for your reply, this was helpful. I'm less experienced with this type of thing (backend engineer monkeying around in frontend land) but the difference of 13kB vs 3kB seems totally negligible to me. Am I wrong about that? Obviously less is better but that seems like practically the same to me.

Also if you are into reading the source code of the libraries you use, I found alpine ajax way easier to understand and extend, it only took me ten lines of code to add basic SSE support. The Alpine plugin system is really, really good. By contrast, the HTMX source code isn't bad, but it is a larger codebase with more random stuff going on without getting its structure from the alpine base

I just played around a bit with forking petite-vue to make it a bit more hypermedia-friendly by adding a similar set of directives to alpine ajax while keeping Vue template compatibility and adding a way to create single file webcomponents with only slightly more boilerplate than standard vue. Overall I felt that the Alpine codebase is more extensible that petite-vue though, even though petite-vue is smaller

​@@BosonCollider That's Because peptie Vue used typescript while Alpine js uses vanilla script typescript ruined hello world programming