Show HN: Lucia – 3kB Vue Alternative | Hacker News Reader

Show HN: Lucia – 3kB Vue Alternative

github.com

84 pointsaidenyb30 comments

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.

Thank you for the positive comments :)

> I would make a joke about "we don't need any more frameworks" but his Github profile says he's a HS student

I don't see why that's relevant. You shouldn't shit on someone else's project regardless of age.

It's the reverse! They're saying the kid is doing great!

Sure but GGP is saying that if it wasn’t a high schooler, they would criticise the project.

Therefore they would criticise a project based on the author’s age.

"killing it" is slang for doing really well.

Don't downvote me, when I was in highschool I barely be able to print star pattern (from exam) on DOS screen with C++.

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)

Thank you, I'll be sure to look at these and add them in the Acknowledgements

Unless you drew inspiration from them (I'm assuming no, since you just heard about them), "Acknowledgements" doesn't seem right.

"Similar Projects" would be more accurate.

Good suggestion - I'll be sure to change that

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/

This concept looks really interesting. I like the analogy you gave for both types of libs

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/

Thank you, this is really useful. I'll be sure to check it out and take notes

I wonder what Evan You's position on this is today. I use and have been productive with a couple smaller libs (Preact, Mithril, Hyperapp) and never felt I was making major tradeoffs. I suppose everyone can have very different use-cases of course.

> By scattering selectors all over the place the HTML template and the JavaScript code is tightly coupled so when you change one place you need to manually change the other place as well

eh, it's not like if you change something in the vue state store you don't have to modify the template as well

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.

Hi there, I agree the way I tried to communicate Lucia was kind of confusing - I'm pretty new to the javascript library space and I wasn't sure how to correctly communicate it. As per the other comments on this post, I'll definitely be shifting towards describing it as a Vue/Alpine alternative.

UmbrellaJS looks really cool! I just left a star

I'm just discovering UmbrellaJS. This is pretty sweet. I hate to say it but I like jQuery but don't like the heavy load times it comes with.

Although, yes, I don't need jQuery but I would love to do things easily without bloating up my code.

We will be looking into UmbrellaJS more.. thanks for this.

Quite impressive for a high school project.

Kudos!

Thank you! I'm very happy I'm lucky enough to be in a magnet program at my school that allows something like this

What do you mean "allows", they are mandating what you do in your spare time and don't allow open source projects?

Oh, not at all. What I meant was that not only am I able to work on something I enjoy, I'm also able to get support and use it for school as well - sorry if I worded that weirdly

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>

Thanks! (Love the username btw)

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

Awesome! I hope you find Lucia useful. Your project looks cool, I just left a star :D

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

This looks really cool! I love how they use es6 template syntax for text content

Reply on news.ycombinator.com