Show HN: LemonadeJS – A micro JavaScript library for building web interfaces

by hodware • 5 years ago

57 24 5 years ago

yewenjie• 5 years ago

So what is the current opinion of the JS ecosystem on two-way bindings?

Kind of mixed. In Vue, two way bindings are achieved with the v-model directive but that is literally the syntax sugar equivalent of having a prop and an event.

That is, the two way binding with v-model is no different to doing it "manually" anyway.

shakezula• 5 years ago

Vue handles it the best way, imo. Svelte does a decent job, too. I think it's basically at the point where it's considered the standard now, though, and basically every library just has it's own take on how to do it.

kansface• 5 years ago

Personally, it tends to be convent in practice for forms but is an unholy abomination elsewhere. I'd eschew it altogether and deal with the extra verbosity when it crops up.

scns2• 5 years ago

It looks really nice IMO, simple in a good way. A real world appliction as an example would be great though.

paulhodel4• 5 years ago

A developer sent this one, which it is quite simple and interesting.

https://lemonadejs.net/v1/examples/hangman

marz0• 5 years ago

Looks interesting, but I think for a minimal JS framework I'd probably go with AlpineJS. It's pretty much Vue without components.

https://alpinejs.dev/

aitchnyu• 5 years ago

Umm, why do new microframeworks constantly capture HN attention? I'm trying to understand the ecosystem between Vue and VanillaJS.

paulhodel4• 5 years ago

LemonadeJS is pretty much vanilla, no depencies, no transpiling.

gremlinsinc• 5 years ago

how's it compare to alpinejs and stimulus?

brundolf2• 5 years ago

When people say "VanillaJS" they typically mean "no framework, just browser APIs"

chrisrickard• 5 years ago

Because there was once a time when Vue was being introduced on HN. They need to start somewhere.

kennywinker2• 5 years ago

Mithril has a detailed “why this instead of react/vue/etc” article https://mithril.js.org/framework-comparison.html that I think should be mandatory for any library entering a crowded space like this. If only because i want to know the priorities of the developers.

montroser2• 5 years ago

That would be nice, but also we observers are not owed any such explanation by the creator.

kennywinker2• 5 years ago

No, but communities can set expectations, and then someone can choose to meet or buck the expectations of the community at their own risk.

A good example of this is the TodoMVC convention. Instead of making "whatever demo app you choose" a convention developed to make a Todo app, so that people could compare frameworks in a more "apples-to-apples" way. A new framework with a Todo demo would likely get more traction than a framework with a Calendar demo, because it's easier to evaluate and understand how it works.

paulhodel4• 5 years ago

Lemonadejs is a super lightweight vanilla javascript micro-library (4Kb). No dependencies, just Vanilla JS.

bemolator• 5 years ago

I'm learning how to use it, and it is pretty awesome imo

cutler• 5 years ago

Looking at the site's example:

https://lemonadejs.net/v1/examples/hangman

... I see a lot of ugly ES5 code where everything is prefixed with self. How is this progress?

montroser2• 5 years ago

What you are criticizing is (the fashion of) the example app there, not the functionality or interface of the framework itself.

The lemonade.element function just wants a template and an object with some methods. Whether you use ES6 classes or proxies, or ES3 constructor functions with prototypical inheritance, or object literals to define that object is a matter of taste, and it is all up to you.

mthoms• 5 years ago

This site breaks my browser back button. I find that enormously frustrating.

Show HN: LemonadeJS – A micro JavaScript library for building web interfaces

Related Stories