Nue: A 2kb Vue Alternative

by tipiirai • 3 years ago

5 7 3 years ago

tipiirai2• 3 years ago

Author here. I've been working on this for the past ~12 months, lately full-time.

I wasn't happy with the current state of web development, so I decided to write a completely new ecosystem [1] from scratch. I went back to the "good old days", and took advantage of innovations like progressive enhancement, separation of concerns, and semantic web design. The result is a powerful alternative to frameworks like Vue, React, and Svelte as well as toolchains like Vite, Next.js, and Astro.

Nue ecosystem is work-in-progress and today I'm releasing the tiny, but powerful core: Nue JS. It's an extremely small (2.3kb minzipped) JavaScript library for building user interfaces. It's like React or Vue, but there are no hooks, effects, props, or other unusual abstractions on your way. Know the basics of HTML, CSS, and JavaScript and you can build server-side components and reactive interfaces with ease.

All projects will be released under the MIT license.

Happy to answer any questions.

[1] https://nuejs.org/ecosystem/

stefanos82• 3 years ago

Can you prepare a video where you demonstrate its whole functionality? That should be the selling point if presented convincingly in my humble opinion.

tipiirai2• 3 years ago

No such video atm, unfortunately :) The best way to understand Nue JS is:

1. From intro: https://nuejs.org/docs/nuejs/

2. Playing with the create-nue repo: https://github.com/nuejs/create-nue

3. Understanding the ultimate goal: https://nuejs.org/ecosystem/

bartq• 3 years ago

If your goal was to release some library with a website - you made it, congrats. Looks really nice to my eyes.

However, as a developer, I want to see something else:

1. Example projects created with this library. Challenges, solutions, pains, wins.

2. Video demonstrating how you created simple app with your lib. Reading docs is a too high bar in very crowded JS ecosystem. For example I want to see:

  - how tooling works, 
  - how debugging works, 
  - how build process works.
  - anything else this tool is strong with.

If your goal was to create this library - then, again - you made it. But what next? Best libraries or frameworks are created during work on some real project and they are extracted from the target creation.

niutech• 3 years ago

How does Nue compare with other lightweight libraries like: Riot.js, Alpine.js, Petite Vue or Svelte?

How to use Nue without a build step, like Petite Vue?

jeroen79• 3 years ago

Hard to tell what is really is, are there some full example of making a component or a fully featured form with some custom logic?

aziis98• 3 years ago

Awesome project, feels very refreshing even for me being a great fan of Vite and Astro.

Just curious, how do you handle the client side reactivity? Does it use something like virtual dom with diffing or do you compile everything like Svelte (or even some other strategy)?

Nue: A 2kb Vue Alternative

Related Stories