det.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon Server des Unterhaltungsfernsehen Ehrenfeld zum dezentralen Diskurs.

Administered by:

Server stats:

1.8K
active users

#AlpineJS

0 posts0 participants0 posts today

#introduction

I make websites. Sometimes I toot about it.
#eleventy #webc #php #statamic #laravel #tailwindcss #alpinejs uhhh whatever #sql and I guess #nginx #docker and all that crap all the way down. #fullstack

I play RPGs with friends. Sometimes I toot about it.
#ttrpg #dnd #pathfinder #5e #pf2e

I am my group's sysadmin. Sometimes I toot about it.
#selfhosted #plex #lemmy #mastodon #pihole and throw some darts at selfh.st and you catch the rest.

Hot takes, bad jokes, etc.

selfh.stselfh.st - Self-hosted content and software
More from selfh.st (Self-Host)

The more I make something using AlpineJS, the more I like it.

Sometimes you don't need to figure it out with Vue. You only need some AlpineJS magic and that's it, no need to spin up a whole Vue framework on the page.

Add that to Livewire and Filament PHP and you're all set to create small utilities without hacking your way into the frontend.

Wochenrückblick, Ausgabe 76 (2025-03)

Themen:

☕ Neuer Espressobereiter im Haus: Coffee Miner Neo Flex

🌳 Update für meinen Linktree

⛰️ Alpine AJAX für Alpine.js

🌦️ smuwetter für schnelle Wetterinfos

🤖 Wikenigma: Wiki für Wissenslücken

🐚 GNU Stow für Dotfiles

🔊 Musik: Stefan Muchte, John 00 Fleming, Vladis Cue, Juliane Wolf.

#Wochenrückblick #Espresso #Kaffee #NeoFlex #CoffeeMiner #Rancilio #Linktree #AlpineJS #htmx #Wetter #OpenData #Wikenigma #CLI #stow #techno

marcusjaschen.de/blog/2025/202

Marcus Jaschen · Rückblick Kalenderwoche 2025-03
More from Marcus Jaschen
Continued thread

I want, for example, that you can only enter uppercase in the input. currently I do it like this x-on:input=‘$event.target.value = $event.target.value.toUpperCase()’. This also updates the x-model correctly. But it would be cool if I could define something like this.

x-model-map=‘$value.toUpperCase()’ or something like that.

Replied in thread

@cwensel @benpate Don't let the horse tell you. There are always several tools to do a job well. #htmx is good for many things, but sometimes it makes sense to move more logic to the client side. I already have Angular and React etc. used too for large projects. These frameworks or libraries can make sense. Currently, however, I also use htmx for one project and #alpinejs for more complex things on the client side in the same project.
But it always depends on the

Any suggestions for lightweight JavaScript libraries that can enhance a pre-rendered/generated web page?

I started looking at #AlpineJS (looks OK, but I've never tried it). I briefly looked at Stimulus.JS, but it's not to my taste.

A quick test project build using Alpine and Vite resulted in a 16KB gzipped bundle, so reasonably lightweight.

#WebDev

I'm using the #RustLang Axum crate for the server (and don't want to use a WASM based UI builder like Dioxus).