Alpine.js

Alpine.js is a great little library to add “JavaScript sprinkles of interactivity”.

That’s what JavaScript was created for in the first place: add more life to HTML pages (rather than, for example, run in the browser an entire application framework used to render HTML).

Wait, isn’t Alpine like htmx?

Alpine and htmx help us do different things. htmx focuses on the client/server interaction, handling requests and responses.

Alpine is more concerned with the client-side state. For example tracking the value of an input box, or opening a modal, etc.

You could also just use “vanilla” JavaScript DOM APIs for this, but for some things, Alpine simplifies a lot our job.

See the Alpine.js homepage

Learn Alpine.js on The Valley of Code