It’s been a long time, and I have been working on side projects, unrelated my main projects. In the meantime, I caught interest in a JS Framework called Alpine JS. Especially there is a full video tutorial by The Codeholic. I will summarize it from my own thinking.

Rate Alpine JS

I’ll rate Alpine JS as 9/10 as a Javascript framework. I haven’t found any weakness from it. Heck, I might even rate it as 10/10. Because I really like it, I will convince you to like it too.

Main feature of Alpine JS

What are Alpine JS feature?

1. It is lightweight, the whole framework is contained in 42 KB file. I know nowadays React can be smaller, but it’s quite complex to setup from scratch.
2. It is simple, the whole framework is about reactivity with some procedural logic. Procedural logic are sometimes needed because some features of Browser are procedural (e.g. modal show / hide).
3. Tooling simplicity, there is no need to have specialized tooling. Just put a script tag and you’re good to go!

Of course, if you’re great developer there is no advantage of tooling simplicity. The tooling complexity increases very quickly when you try to pair unofficial backend stack such as Laravel.

Up next

To show you how powerful Alpine is, I will showcase some projects.

1. Dota 2 Damage Calculator.
2. Sprinkling Alpine JS on top of your website.

Stay tuned..