Live data from Hacker News

VanJS (Vanilla JavaScript): smallest reactive UI framework

github.com

191–200 of 214 posts

Re: VanJS (Vanilla JavaScript): smallest reactive UI framework

#191
post #183

Earlier quoted context omitted.

Yea kinda felt the same, when reading the name and desc. Whats the value of names or terms if we keep reassigning a different meaning to it ? Especially in the tech industry. Also it's almost immoral calling "a new" project "lightweight" and "small". Of course it is lightweight and small, it's a new project ! Wait for bug submissions, feature requests, feature parity, time, edge cases etc. Anywhoo congrats on shippin…

> Also it's almost immoral calling "a new" project "lightweight" and "small". Of course it is lightweight and small, it's a new project ! Unless it's Swing, where a "lightweight" component is one that uses enormous piles of slow Java code to duplicate native platform functionality.

Never understood why Java duplicated (poorly) native platform functionality rather than merely acting as a wrapper around the native platform.

Re: VanJS (Vanilla JavaScript): smallest reactive UI framework

#192
post #189

Earlier quoted context omitted.

> is used by some systems now for icons This is somewhat alarming. is still a valid tag and used, e.g., for marking up titles of artistic works, etc. (which is not a use case for , nor for .) Similar goes for , which is (semantically) different from .

For most icon libraries that use for their icons, it's usually just a suggestion and using instead works fine. They mainly use because it's "pretty".

Actually, it should be a label (or a button, depending on the use case).

Re: VanJS (Vanilla JavaScript): smallest reactive UI framework

#194
post #15

Earlier quoted context omitted.

This. I originally thought this was a rebranding of http://vanilla-js.com/ and I'm disappointed.

what is interesting about that is when I saw solid.js performance chart, it is the closest to vanilla js in terms of performance.

SolidJS is probably the closest thing to a vanillaJS framework that you can get, in that 90% of the time it's doing the same DOM manipulations you would be doing, but with a nicer interface. So if an update causes a class to change, there's no tree to diff - that class attribute gets changed directly.

The non-Vanilla stuff is the signals implementation, which is kind of an RxJS-esque observable system, but more lightweight, and more push-based. It's very similar to Svelte, but with a React/hooks-like API (although far fewer rules to remember!) As I understand it, this system is pretty efficient, which means for simple use-cases, it's not adding much overhead over basic vanilla stuff.

The disadvantages (because there are always some) mainly come from the small ecosystem - there's not many off-the-shelf design toolkits, the documentation is a bit scratchy, etc. That community is still growing though, so that stuff will get there.

Re: VanJS (Vanilla JavaScript): smallest reactive UI framework

#197

Earlier quoted context omitted.

The relationship between Bourbon (spirit), primarily distilled and aged in Kentucky, and Bourbon (vanilla plant), primarily grown in Madagascar is one of fascinating cross-convergence of "things rich French speakers loved", plus the coincident accident of Bourbon, Kentucky being a shipping port (and Oak as an aging vessel high in imparting vanillins). Both are a reminder that vanilla as a flavor was long a spice for…

The etymology is legit and comes from ice cream, for which vanilla is considered the default or “plain” flavoring. https://en.wikipedia.org/wiki/Plain_vanilla Vanilla historically being fancy but then becoming an attainable and cheap additive is probably somewhat responsible for it becoming the default ice cream flavor, and thus flipping the idiomatic meaning.

Though note it was primarily the invention of artificial vanilla substitutes that made vanilla seem cheap/attainable. (Real Bourbon vanilla from Madagascar, for instance, is still far more expensive than most people realize.) There may even be a larger useful metaphor there, too, that "plain" vanilla is most often "fake vanilla".

Re: VanJS (Vanilla JavaScript): smallest reactive UI framework

#199
post #14

The "Hello World" example is a really good example of why React, Vue, etc are better than something more minimal like this library if you're optimizing for speed. The page will show nothing until the script runs, which requires downloading the VanJS lib and the script itself. You could inline them into the page, but that gets seriously messy at scale. A modern React app that's using some serverside rendering for the…

> The "Hello World" example is a really good example of why React . The page will show nothing until the script runs.

Until the script runs! Nothing! Blank page of death! As numerous research articles have proven times and again, if visitors see a blank page of death for longer than 0.00068 picoseconds, 96% of them will leave the site, with that number reaching 97% if that time goes over 0.0124 picoseconds.

When users visit your site, your page will show nothing, unless you use React. React is awesome. React shows you the page before the script runs. Even if the script runs on the server, React will show you the page. Because React is full of optimizations. The rumors are, the cases were reported when React showed the page even before the browser completed the DNS query.

Re: VanJS (Vanilla JavaScript): smallest reactive UI framework

#200
post #97
post #8

Earlier quoted context omitted.

Yes, please be that guy. Or I'll do it. Vanilla Javascript refers indeed to "javascript without a framework". So creating a framework and calling it "vanilla javascript" is... wrong?

Vanilla.js is the most popular framework in the world!!!! http://vanilla-js.com Also has the smallest footprint: 0 bytes uncompressed, 25 bytes gzipped!

I clicked the download link to see what would happen, and it did indeed download a zero byte vanilla.js file. Zipping it using the OS X 'compress file' menu option gave me a 713 byte zip file however.
Post reply on HN