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

🚀 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

Looking for some help with interaction issues between NGINX, HTMX, and GoToSocial.

The issue

My GET request from my website HaugenHus | Now Test

 hx-get="https://fedi.haugenh.us/@kaleb/feed.rss"
hx-headers='{"Accept": "application/feed+json"}'

…is returning two basic CORS errors:

• [Error] Request header field HX-Request is not allowed by Access-Control-Allow-Headers.
• [Error] XMLHttpRequest cannot load https://fedi.haugenh.us/@kaleb/feed.rss due to access control checks.

…that I can’t figure out how to resolve.

Things I’ve tried

I ’ve added

add_header 'Access-Control-Allow-Origin' 'https://fedi.haugenh.us';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization, Accept, HX-Request';

to my nginx.conf (actually I’ve imported it from another .conf and verified that the config is being included with nginx -T), but it has no impact on the errors.

I have confirmed that the page loads successfully including the remote JSON when I set my browser to ignore CORS.

Additionally, I am able to successfully load the remote feed.rss when I use the hx-request='{"noHeaders": true}’, but doing so returns XML rather than the desired JSON due the JSON Feed implementation in GoToSocial RSS

#GTS #GoToSocial #nginx #CORS #JSONFeeds #HTMX

Local First Htmx

https://elijahm.com/posts/local_first_htmx/

#HackerNews #LocalFirst #Htmx #HtmxFramework #WebDevelopment #TechNews

TIL htmx is is coming out with version 4. Some updates will include out-of-the-box streaming response and SSE support, among other things...

https://pythonbynight.com/til/htmx-40-is-coming

#htmx

#htmx v4 is in alpha: https://htmx.org/essays/the-fetchening/