Reimagining front-end web development with htmx and hyperscript by https://twitter.com/owen_m_jones ¶
Twitter announce ¶
In recent years, a few mavericks and renegades have started to turn away from the world of JS frameworks and the inevitable bloated node_modules folders. But what if you want a smooth single-page app experience, rather than waiting for the whole page to render every time you click a button?
Of course, nobody wants to write a load of boilerplate JS for every little interaction. This is where hypermedia in the form of htmx and hyperscript come in.
These two open-source toolkits, both developed by Big Sky Software and collaborators, provide a host of HTML attributes to deal with AJAX requests, partial DOM updates, CSS transitions, event handling, Server-Sent Events and WebSockets in a clear, user-friendly syntax.
There are a number of excellent tutorials online demonstrating the capabilities of these tools; I particularly like BugBytes’ tutorials on YouTube .
In this article, I’m going to show you how I used them in my current project , which is a simple membership/subscription tracking site made with Django.