Alpine.js just clicked. 🎯

by Dec 17, 2024

Alpine.js just clicked. 🎯

Its declarative syntax—attributes on HTML tags—is perfect for simple UI logic. Most of the time, I don’t even need to touch JavaScript.

And when I do? I can write just a little bit, and it fits right in.

What’s even better? The declarative syntax aligns beautifully with HTMX. They share the same “keep it simple” philosophy, making them a perfect match for clean and intuitive UI development.

Using it with ASPNET Core Razor has been a dream. Clean, minimal, and it gets the job done.

I did hit one small snag, though. Both Alpine.js and ASPNET Core Razor were fighting for the same state of an input control. It took me a bit to figure out, but using the x-init attribute to tell Alpine.js to take the ASPNET Core init state from the server solved the issue beautifully.

What’s your favorite tool for simplifying UI logic? Have you tried Alpine.js yet?

#
Remy van Duijkeren

Remy van Duijkeren

Power Platform Advisor

Microsoft Power Platform Advisor with over 25 years of experience in IT with a focus on (marketing) automation and integration.

Helping organizations with scaling their business by automating processes on the Power Platform (Dynamics 365).

Expert in Power Platform, Dynamics 365 (Marketing & Sales) and Azure Integration Services. Giving advice and strategy consultancy.

Services:
– Strategy and tactics advise
– Automating and integrating

Subscribe to
The Daily Friction

A daily newsletter on automation and eliminating friction

Related Content

Progressive Enhancement for JS is overrated.

Progressive Enhancement for JS is overrated. In today’s web, HTML + CSS + JS is a package deal. Almost every browser supports the trio, and let’s be real: users expect apps to work smoothly with JavaScript. 95%+ of users have JS enabled – why build for the exception?...

read more

HTMX + ASPNET Core Razor = magic. ✨

HTMX + ASPNET Core Razor = magic. ✨ But HyperScript? Not so much. 😅 As a developer, I gave HyperScript a try for client-side interactions. I really wanted to love it—especially since it’s from the same creator as HTMX. But every time I used it, I spent way too much...

read more