Build a fast search UI with Meilisearch, HTMX and Django
Learn how to build an Airbnb-like property search UI using Meilisearch, an open-source, fast, and relevant search engine that can easily be added to your Django app. Use Django templates and HTMX for the front end, with just ten lines of javascript.
Choosing Wisely: SPA vs. HTMX for Your Next Web Project with Chris May
Explore architectural trade-offs between SPAs and server-rendered apps using HTMX and AlpineJS to optimize state management, performance, and development constraints.
The Hypermedia-Driven Application Architecture
The Hypermedia Driven Application (HDA) architecture is a new/old approach to building web applications. It combines the simplicity & flexibility of traditional Multi-Page Applications (MPAs) with the better user experience of Single-Page Applications (SPAs).
Build a Connect Four game with HTMX and Django in 8 minutes
How to build a multiplayer game using HTMX and django that stores all results in your database.
Ajax-Enabled Checkbox and Select with Django and HTMX by Jack Linke
htmx allows for Javascript-like behavior without having to write any JavaScript yourself. This tutorial covers how to enable checkboxes on a Django settings page with htmx.
HTMX & Django—bringing the new school to the old school by Craig Anderson
A nice using HTMX with Django article.
Django and HTMX #13 - Chained Dropdowns using Django Forms and the django-forms-dynamic library
A video on refactoring the dependent (or chained) dropdown built in video #10 with HTMX and Django.
Using Django 4.2's StreamingHttpResponse and HTMX SSE to provide real time notifications
Django 4.2 introduces a new way of streaming http responses with an ASGI server. This video demos how to use HTMX to build a traditional web application.
DjangoCon Europe 2022 | From React to htmx on a real-world SaaS product
Replacing the 2-year-of-work React UI of our SaaS product with simple Django templates and htmx in a couple of months.
Many Python developers who build web applications rely on JavaScript-heavy Single-Page Applications (SPAs) to achieve dynamic user experiences. However, these SPAs have challenges, including increased complexity, slower load times, and complicated build pipelines. But an alternative approach exists that delivers an exceptional user experience without the drawbacks of SPAs!
