HTMX is an attribute-driven enhancement to HTML that simplifies integration with other served resources.
Use this to build simple applications that integrate with an unsecured back-end API. You can easily configure a basic HTML UI with;
- GET, POST, PUT, PATCH, & DELETE commands to endpoints.
- The ability to databind from a remote datasource
This is best used by people who understand app dev well, and are looking for a simpler system to "glue" the UI with back-end functionality.
You will need a back-end system to "glue" to.
https://htmx.org/docs/#sse
https://htmx.org/docs/
<script src="https://unpkg.com/htmx.org@1.9.4"></script>
https://www.youtube.com/watch?v=Rrq__77f57E&ab_channel=TheVisualDiv
Deep Dive
Introduction
Quick overview
Deeper exploration of the features;
https://www.youtube.com/watch?v=uTdj4SqfY4g&ab_channel=ThankCode
A discussion of HTMLX capabilities and how to integrate it into Webflow, with Finsweet's Alex Iglesias.
Limitations
https://www.youtube.com/watch?v=3nSDA0Nd_0I&ab_channel=Theo-t3%E2%80%A4gg
Use Cases
Nest a Multi Reference Collection List
https://www.youtube.com/watch?v=SxbVLQXEoto&ab_channel=TheVisualDiv
CMS-Powered Tabs
https://www.youtube.com/watch?v=Rrq__77f57E&ab_channel=TheVisualDiv
Further Notes
The Most Important Lesson from HTMX
https://www.youtube.com/watch?v=f2wYvIVWR6M&ab_channel=Theo-t3%E2%80%A4gg
sortablejs
https://www.npmjs.com/package/sortablejs
https://sortablejs.github.io/Sortable/
https://htmx.org/examples/sortable/
https://www.jsdelivr.com/package/npm/sortablejs
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"></script>
