Show HN: Lucia – 3kB Vue Alternative (github.com)

This can be a useful alternative for small web apps similar to how AlpineJS is but please don't call it an alternative to Vue.

As a matter of fact Evan You (the creator of Vue) himself created a blog post about this topic (1)

(1) https://blog.evanyou.me/2013/11/04/simplify/

Quite impressive for a high school project.

Kudos!

This project seems more similar to the ones below than to Vue.js:

https://github.com/alpinejs/alpine (acknowledged in their readme)

https://github.com/stimulusjs/stimulus

https://github.com/intercoolerjs/intercooler-js

https://github.com/mavoweb/mavo

https://github.com/bigskysoftware/htmx

https://github.com/unpoly/unpoly

(ordered by GitHub stars)

I would make a joke about "we don't need any more frameworks" but his Github profile says he's a HS student, and he has 20 source repositories (many of which seem non-trivial) and just shy of 2 years of commit history.

Regardless of whether or not this is really a "Vue alternative", this kid is killing it.

I am a bit confused with the readme, is it a jQuery or a Vue alternative? Those are very different:

> "a drop-in replacement for jQuery and vanilla JavaScript web apps"

> "provides a declarative API similar to Vue to create views"

But reading further from the code samples it seems like a Vue replacement and not a jQuery replacement. I made a 2.5kb jQuery replacement back on the day so was very curious if this would be another: https://umbrellajs.com/

I'd also recommend the author to use a spellchecker, since I've found typos generally decrease trust on a project and I can see two on the second paragraph alone.

For another alternative that really pushes TypeScript, check out http://aurelia.io/ .

Very cool! Even though there's many projects in this space I love seeing new attempts from fresh perspectives.

I was looking trying to find template iteration in your library and was surprised to find it listed as "l-join" which I haven't seen before. Seems intuitive now that I think about it though:

    <div l-use="ListRendering()">
      <p l-join="fruits by , "></p>
    </div>

Cool stuff! I definitely try this out. Im looking forward for some inspiration.

I recently created very similiar project to simplify web dev.

In just 100LOC I came up with (I think clever) way of writing web apps without webpack or npm. Reactive, declarative, Elm-y style.

if you are interested: https://github.com/SandroRybarik/nameless

We often see two sides of a spectrum in js framework approaches to templating: directive-driven and mental model driven. Vue and Lucia are good examples of directive-driven templates, with things like v-if, and JSX is a good example of mental model driven since you know the JSX markup is just js syntactically sugared to look like html and you then act accordingly. Here's another 3k library from the mental model side of the spectrum that uses a lit-html-like approach, where the template is just a string template literal: https://andrewfulrich.gitlab.io/barleytea/

Check this

https://www.monkwhocode.com/2020/10/nodejs-v15-4-things-to-k...