Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

AlpineJS Guides and Examples

alpinetoolbox.com

Post reply on HN
Print view View original

1–10 of 16 posts

Re: AlpineJS Guides and Examples

#3

Post by stanislavb »

capableweb wrote: post #2

At first I thought this was a JS port of Alpine Linux and got very excited! Then I remembered I already came across that before, so I shouldn't have gotten that excited... https://bellard.org/jslinux/vm.html?url=alpine-x86-xwin.cfg&...

Yup, the name is a bit confusing.

Re: AlpineJS Guides and Examples

#4

Post by shubhamjain »

I have been using AlpineJS for a while, and I absolutely love it. It's a minimal, very lightweight and forms the perfect bridge between jQuery and Vue.js. Nothing against jQuery, but DOM manipulation isn't ideal and it tends to get messy. I am not a fan of frameworks either unless I am sure I need to build a rich, dynamic app.

AlpineJs allows me to create those little dynamic stuff that website often needs: form validations, modals, filters, dynamic dropdowns, tooltips etc. This is much better option than hunting for libraries that to do simple stuff like that, or using jQuery.

AlpineJs + TailwindCSS is a highly recommended stack for anyone who wants to get things done fast.

Re: AlpineJS Guides and Examples

#5

Post by pibefision »

shubhamjain wrote: post #4

I have been using AlpineJS for a while, and I absolutely love it. It's a minimal, very lightweight and forms the perfect bridge between jQuery and Vue.js. Nothing against jQuery, but DOM manipulation isn't ideal and it tends to get messy. I am not a fan of frameworks either unless I am sure I need to build a rich, dynamic app. AlpineJs allows me to create those little dynamic stuff that website often needs: form vali…

I would like to recommend Kutty as a component framework that is using Tailwind + AlpineJS. (https://kutty.netlify.app/)

Any other similar recommendation?

Re: AlpineJS Guides and Examples

#7

Post by aosaigh »

I've used it on a few sites and really liked its simplicity. It's Tailwind for JS.

That said, does AlpineJS offer any framework for extension? What I mean is the ability to build on it with custom JS to create custom small components on the page? I know that it's not necessarily intended to to this, but I find this is the gulf between "do it yourself" and "use Vue/React/..." that is hard to fill.

For example, with Tailwind I can use @apply to build my own class-based CSS components if I really need to. 90% of the time I shouldn't need to do this, but the reality is there's 10% of the time when Tailwind doesn't cover my use case.

Does Alpine have this?

Re: AlpineJS Guides and Examples

#9

Post by tbran »

pibefision wrote: post #5
shubhamjain wrote: post #4

I have been using AlpineJS for a while, and I absolutely love it. It's a minimal, very lightweight and forms the perfect bridge between jQuery and Vue.js. Nothing against jQuery, but DOM manipulation isn't ideal and it tends to get messy. I am not a fan of frameworks either unless I am sure I need to build a rich, dynamic app. AlpineJs allows me to create those little dynamic stuff that website often needs: form vali…

I would like to recommend Kutty as a component framework that is using Tailwind + AlpineJS. ( https://kutty.netlify.app/ ) Any other similar recommendation?

Is this yours?

htmx [1] (by the guy who created intercooler.js) was renamed from "kutty" to "htmx" after this comment [2]:

> YSK that in Dutch the name kutty resembles the popular term for the female reproductive organs.

[1]: https://htmx.org/

[2]: https://news.ycombinator.com/item?id=23196095

Re: AlpineJS Guides and Examples

#10

Post by tyingq »

"Alpine requires absolutely no build, you simply include the library and away you go, all features included."

Interesting. Maybe an easier path for those trying to get away from jQuery.

Post reply on HN