AlpineJS Guides and Examples • Hacker News Board

Re: AlpineJS Guides and Examples

#11

Post by jgalt212 » Fri, Sep 18, 2020, 1:10 PM UTC

> if you already know Vue, you basically know Alpine, making it perfect for Vue developers to turn to for projects where Vue is simply overkill

So funny to read this, as this value prop was the reason our team to chose Vue a few years back instead React/Angular.

Re: AlpineJS Guides and Examples

#12

Post by simplify » Fri, Sep 18, 2020, 1:30 PM UTC

aosaigh wrote: post #7

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 Ta…

Maybe custom elements would help? https://developer.mozilla.org/en-US/docs/Web/Web_Components/...

There's also spruce when you need to share data across components https://github.com/ryangjchandler/spruce

Re: AlpineJS Guides and Examples

#13

Post by [deleted] » Fri, Sep 18, 2020, 2:25 PM UTC

stanislavb wrote: post #3

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.

[deleted]

Re: AlpineJS Guides and Examples

#14

Post by _heimdall » Fri, Sep 18, 2020, 5:34 PM UTC

sebastianconcpt wrote: post #8

How would it be if compared to Svelte?

It doesn't require a build step at all, and really lends itself well to static sites. I have used Svelte for years and its still my go-to for web apps, but honestly 95% of the projects I take on are better dealt with as a largely static site than a PWA. We can thank react for how many basic content sites come along with JS runtimes running in the background.

I do like Alpine, but after having used it on a few projects it kind of sits in a dead zone for me. I first used it for a mobile menu toggle and a couple other small bits of interactivity, but realized I might as well just right that little bit of JS myself and inline it to save the roundtrip dependency. If I need more JS functionality like shared, client side state management I'll go back to Svelte

Re: AlpineJS Guides and Examples

#15

Post by praveenjuge » Sat, Sep 19, 2020, 2:35 AM UTC

tbran wrote: post #9

pibefision wrote: post #5

Earlier quoted context omitted.

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

lol well time for a name change, but I don't know what to change it to

Re: AlpineJS Guides and Examples

#16

Post by sebastianconcpt » Mon, Sep 21, 2020, 12:43 PM UTC

_heimdall wrote: post #14

sebastianconcpt wrote: post #8

How would it be if compared to Svelte?

It doesn't require a build step at all, and really lends itself well to static sites. I have used Svelte for years and its still my go-to for web apps, but honestly 95% of the projects I take on are better dealt with as a largely static site than a PWA. We can thank react for how many basic content sites come along with JS runtimes running in the background. I do like Alpine, but after having used it on a few project…

Very interesting. In the last year I've been doing backend but I see myself easily leaning to this too for fullstack needs. Thanks for the input