Htmx: High Power Tools for HTML

https://github.com/bigskysoftware/htmx

#HackerNews #Htmx #HtmxTools #HTML #Development #WebDevelopment #OpenSource

Htmx: High Power Tools for HTML

https://github.com/bigskysoftware/htmx

#HackerNews #Htmx #HtmxTools #HTML #Development #WebDevelopment #OpenSource

Am I being stupid or does HTMX not support this very simple use case?

on form submit:
1) clear the target area
2) show a loading indicator
3) trigger an ajax call
4) wait for the ajax call to return
5) hide the loading indicator
6) fill the target area

Ideally I would want the loading indicator IN the target area, but that would make it usable only once. Stupid, but I can live with it...

But what seems not to work is 1). It will show my indicator but not clear the target area.

It seems I have to write additional JS to get that behavior. Well then I can write the thing myself. So much for the promise of not having to write JavaScript for simple things.

#htmx #javascript

Django Interactive Frameworks Benchmark: Django LiveView (WebSocket), traditional SSR, HTMX (AJAX), and Django Unicorn (reactive components)

https://github.com/tanrax/django-interactive-frameworks-benchmark

#django #python #htmx #djangoliveview #djangounicorn

Django Interactive Frameworks Benchmark: Django LiveView (WebSocket), traditional SSR, HTMX (AJAX), and Django Unicorn (reactive components)

https://github.com/tanrax/django-interactive-frameworks-benchmark

#django #python #htmx #djangoliveview #djangounicorn

Drupal 11.3 is here with the biggest performance boost in a decade. Serve 26-33% more requests with the same database load. 🚀

New native HTMX support enables rich UX with up to 71% less JavaScript. Plus, enjoy the new stable Navigation module, improved CKEditor content editing, native content export, and cleaner OOP hooks for themes.

🔗 Get all the details about Drupal 11.3.0 at https://www.drupal.org/blog/drupal-11-3-0

#Drupal #WebDev #Performance #HTMX

Please Just Try Htmx

http://pleasejusttryhtmx.com/

#HackerNews #Htmx #HtmxTutorial #WebDevelopment #FrontendDevelopment #TryItOut

If you have any new years resolutions that involve learning, then come learn with me 😊 I'm running some holiday specials! https://prelude.tech/upcoming_training

#django #htmx #alipinejs #airflow #tailwindcss #git #playwright

Drupal 11.3 is here with the biggest performance boost in a decade. Serve 26-33% more requests with the same database load. 🚀

New native HTMX support enables rich UX with up to 71% less JavaScript. Plus, enjoy the new stable Navigation module, improved CKEditor content editing, native content export, and cleaner OOP hooks for themes.

🔗 Get all the details about Drupal 11.3.0 at https://www.drupal.org/blog/drupal-11-3-0

#Drupal #WebDev #Performance #HTMX

If you have any new years resolutions that involve learning, then come learn with me 😊 I'm running some holiday specials! https://prelude.tech/upcoming_training

#django #htmx #alipinejs #airflow #tailwindcss #git #playwright

Another quick release, this one adds Alpine.js support for shorthand event handlers.

Just add a `@` before your shorthand event handler names to have them expanded as inline Alpine.js event handlers.

e.g., `on:connect` → `@on:connect`

Enjoy!

:kitten:💕

#Kitten #AlpineJS #HTMX #SmallWeb #peerToPeerWeb #web #dev #JavaScript #nodeJS #SmallTech #KittenRelease

It's really depressing to see so many people and/or job ads talking about how they're using React so heavily for things that don't need React.

Why are we so committed to making things more complicated, and harder to learn, and having fewer skilled people?

And if you're talking about migrating JS frameworks on the front-end, at least *think* about HTMX/etc. for server-controlled rendering. Don't replace one bloat with another.

#React #Javascript #HTMX #HTML

For the web projects I initiate, I'm settling into what I call the #mvjs framework (Minimum Viable JavaScript) - the least JS I can get away with.

This brings me to use a subset of:
- HTMX (only if I need partial page reload)
- alpinejs (only if I need some reactivity that only makes sense on the client side)
- vanilla javascript (for the rare cases I need to complemenf the former)

Thanks @carlton for helping me discover Alpine

#htmx #alpinejs

🚀 Django LiveView 2.0.0 is now available

I just released a major new version of Django LiveView, the framework that lets you build interactive, real-time web applications using only Python — no JavaScript required.

🎯 What is Django LiveView?

A radically simpler way to build dynamic interfaces with Django. Inspired by Phoenix LiveView and Laravel Livewire, it lets you create SPAs without APIs, without JavaScript frameworks, without splitting your logic between frontend and backend.

HTML over WebSockets — all interactivity works in real-time, logic lives in Python, and you use Django's template system.

🔧 Simplified configuration

pip install django-liveview

## 💪 What can you do with LiveView?

- ✅ Update the DOM in real-time without JavaScript
- ✅ Interactive forms with instant validation
- ✅ Infinite scroll and lazy loading
- ✅ Multi-user live notifications
- ✅ Real-time dashboards
- ✅ Search with instant results
- ✅ Everything with Python decorators and Django templates

📚 More information

https://github.com/Django-LiveView/liveview

If you're a Django developer and want to add real-time features without the complexity of a separate frontend, give LiveView a try.

#django #python #websockets #liveview #htmx

Infinite scroll with HTMX in Drupal. #HTMX #drupal
https://dri.es/infinite-scroll-with-htmx

jinja2-fragments now has proper #Starlette support: https://jinja2-fragments.readthedocs.io/latest/framework_integrations.html#starlette-integration

If you are using #htmx with Starlette, this might be of interest to you :)

#jinja #jinja2

For the web projects I initiate, I'm settling into what I call the #mvjs framework (Minimum Viable JavaScript) - the least JS I can get away with.

This brings me to use a subset of:
- HTMX (only if I need partial page reload)
- alpinejs (only if I need some reactivity that only makes sense on the client side)
- vanilla javascript (for the rare cases I need to complemenf the former)

Thanks @carlton for helping me discover Alpine

#htmx #alpinejs

jinja2-fragments now has proper #Starlette support: https://jinja2-fragments.readthedocs.io/latest/framework_integrations.html#starlette-integration

If you are using #htmx with Starlette, this might be of interest to you :)

#jinja #jinja2