Moin! "Zweieinhalb" Vorträge in zwei Tagen auf den Magdeburger Developer Days... 
Slides und Code zu den beiden Technik-Talks findet ihr hier:
#HTMX vs. Single-Page-App: https://react.schule/md-dev-days-htmx
Fullstack-Apps mit #NextJS und #React: https://react.schule/md-dev-days-nextjs
…And there are more interesting tid-bits in there too:
• See how I’m pushing Kitten’s Streaming HTML to its logical conclusion and streaming JavaScript from the server to the client to keep all logic on the server while implementing a client-side feature (copy to clipboard): https://codeberg.org/small-web/look-over-there/src/branch/main/CopyButton.component.js
• Following on from that, note how the Toast component that’s triggered when something is copied looks (under the hood, Streaming HTML is htmx + WebSockets + some Kitten-specific magic and glues it all together and adds syntactic sugar): https://codeberg.org/small-web/look-over-there/src/branch/main/Toast.fragment.js
• Finally, check out how layout components and slots work: https://codeberg.org/small-web/look-over-there/src/branch/main/Site.layout.js
I think that’s all the intersting stuff I can spot at the moment.
Have fun!
New Kitten Release 
• Fix: morph attributes¹ now support interpolated values.
Enjoy!
¹ The morph attribute is Kitten’s shorthand for the hx-swap-oob attribute of htmx, which Kitten uses – and extends – under the hood. To learn more about it, see Kitten’s Streaming HTML tutorial: https://kitten.small-web.org/tutorials/streaming-html/
I really don't understand the enthusiasm around #htmx. Why would anyone want to put html and css classes in their backend code? It probably works for tiny projects but can you imagine a large company doing that? Oh the frontend team needs this button bigger? Better ask the backend team to change their API! That kind of coupling seems very unergonomic. Just my two cents... #webdev #html #backend
Because I do a fair amount of frontend work but think most frontend frameworks are overkill, I use #HTMX and #alpinejs a lot. And @glyph's #NBPy talk made me think about what a #PyScript package that combines both and provides #python handles to both would look like.
What could I build if I had a drop-in #django package that gave me all the interaction I wanted while writing python code?
I have been working towards a #Django starter template that solves a lot of my problems. Figured I would share ;)
This template focuses on the frontend and includes things like #HTMX #DjangoChannels #Playwright and a few more of my favorite tools.
New Kitten release
• New: Lovely new icons¹ and new callouts in Kitten Settings²
• New: Markdown now supports attributes and bracketed spans³
• New: client-side `kitten` global with `trigger` function for triggering events on the server from the client. (Useful when streaming client-side JavaScript when using Kitten’s Streaming HTML⁴ workflow. e.g., when you have to use a client-only web API like the Clipboard API but you want to keep all your logic on your server-side page.⁵)
• Fixed: The bound render function returned by `KittenComponent` class’s `component` getter now correctly awaits asynchronous templates. (In Kitten, you don’t have to care whether your templates contain promises. Kitten handles all that for you.)
Enjoy!
¹ https://kitten.small-web.org/reference/#icons
² https://mastodon.ar.al/@aral/114381983893061099
³ https://kitten.small-web.org/reference/#markdown-support (also see https://mastodon.ar.al/@aral/114381462302862256)
⁴ https://kitten.small-web.org/tutorials/streaming-html/
⁵ e.g., See how I use this to implement a copy to clipboard button in the database page of Kitten’s Settings: https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/db/index.page.js#L33 Of course, you don’t have to use this and you can just write client-side JavaScript or use the built-in Alpine.js integration. e.g., how I do it on the (older) settings/identity page: https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/identity/index.page.js#L7
Heute Abend bei der #Java User Group #Münster beschäftigen wir uns mit der "#HTMX-Frage" und ob andere Lösungen (#NextJS zB) vielleicht doch besser geeignet sind, um konsistente UIs zu bauen (was Powerpoint nicht immer schafft, s. Screenshot)
Wer mag, kommt gerne vorbei: https://react.schule/jugms-htmx 
Hallo #Westfalen!
Wenn ihr Interesse an der #Frontend-Entwicklung habt, habe ich zwei (ganz uneigennützige 
) Tipps für euch:
Morgen, Dienstag, 15. April, stelle ich euch #NextJS beim tech&talk-Meetup in #Dortmund vor: https://www.meetup.com/codecentric-dortmund-tech-talk/events/305897148
Am Mittwoch (16.4.) diskutieren wir auf der #Java User Group #Münster über #HTMX und JavaScript-Lösungen für moderne Webanwendungen: https://www.meetup.com/java-usergroup-munster/events/306529047
Würde mich freuen, euch zu sehen 
Building a fast website with the "MASH stack"
https://emschwartz.me/building-a-fast-website-with-the-mash-stack-in-rust/
Discussions: https://discu.eu/q/https://emschwartz.me/building-a-fast-website-with-the-mash-stack-in-rust/
Level Up Your Razor Pages: Meet htmx, Your New Best Friend | by Chris Woodruff.
https://woodruff.dev/level-up-your-razor-pages-meet-htmx-your-new-best-friend/
Fedi ? Un retour sur la techno HTMX ? Ça me paraît assez simple et épurée mais qd même assez malléable pour faire des interfaces simples !
Tu en penses quoi, une expérience ou pensée à partager sur le sujet ?
django-htmx 1.23.0 is out, now with a vendored copy of htmx!
Now you no longer need to download and maintain a copy of htmx in your project, just use the template tag:
{% load django_htmx %}
{% htmx_script %}
Version 1.8.0 of jinja2-fragments is out!
Release notes:
- Adds support for rendering multiple blocks on Flask, Quart, Sanic and Litestar.
- Fixes deprecated Litestar import.
New Kitten Release
• Automatic message routing: if the element that triggers an event on the client does not have a `name` attribute, Kitten now falls back to using its `id` instead to route the event to the correct server-side event handler on your live Kitten pages.
If neither attribute exists, Kitten will fail to route the message but no longer crash as it was due to a regression introduced when I implemented support for colons in element names.¹
For more details on Kitten’s live pages and automatic message routing, please see the Streaming HTML tutorial:
https://kitten.small-web.org/tutorials/streaming-html/
Enjoy!
¹ A colon in an element name is ignored for message routing purposes, letting you, for example, give unique names to <details> elements, allowing more than one to be open at a time, while having their events be handled by the same handler.
My current #Django frontend dev stack is (including some dx tools):
- #HTMX
- #AlpineJS
- #TailwindCSS
- #Playwright
- Django Template Partials
- Django Browser Reload
Are there any other frontend-related tools that would complement these? What do you use?
