Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: CalDOM: An agnostic, reactive and minimalist JavaScript UI library

caldom.org

Post reply on HN
Print view View original

11–20 of 60 posts

Re: Show HN: CalDOM: An agnostic, reactive and minimalist JavaScript UI library

#11

Post by c-smile »

tobr wrote: post #10
c-smile wrote: post #7

For the note: Sciter ( https://sciter.com ) implements CalDOM features out of the box. But better. In Sciter DOM and vDOM are equally honored. This CalDOM's (DOM + vDOM population): _("#output-1") .append( _("+h1").text("Hello World!") ); In Sciter is document.$("#output-1") .append( Hello World! ) And this reactive CalDOM: let app = _().react( {}, { render: state => _( "+h1", `Hello ${state.name}` ) //This is XSS sa…

> But better. This blunt dismissal is very rude when you don’t even mention that you are the author of sciter.

My pardon. Yes, I am an author of Sciter.

Re: Show HN: CalDOM: An agnostic, reactive and minimalist JavaScript UI library

#12

Post by c-smile »

ofrzeta wrote: post #8
c-smile wrote: post #7

For the note: Sciter ( https://sciter.com ) implements CalDOM features out of the box. But better. In Sciter DOM and vDOM are equally honored. This CalDOM's (DOM + vDOM population): _("#output-1") .append( _("+h1").text("Hello World!") ); In Sciter is document.$("#output-1") .append( Hello World! ) And this reactive CalDOM: let app = _().react( {}, { render: state => _( "+h1", `Hello ${state.name}` ) //This is XSS sa…

Not exactly "minimalistic" or "lightweight, though, is it?

"Better" here means that JSX and things like element.append(vDOM/JSX expr/) and Element.patch(vDOM/JSX expr/) are implemented natively - does not need any library at all.

Consider these features as an idea for browser vendors / W3C to extend DOM that we all use.

With these features (JSX & element.patch(vdom)) we don't need whole class of JS frameworks like React, PReact, Mithril. Vanilla JS (ES2020 spec) can be used instead. See: https://github.com/c-smile/sciter-js-sdk/tree/main/docs/md/r...

Re: Show HN: CalDOM: An agnostic, reactive and minimalist JavaScript UI library

#13

Post by wwweston »

kissgyorgy wrote: post #9

The aesthetics of a programming language or framework are pretty important IMO, that's one of the reasons Python is my favorit language. This has a lot more punctuation, weird characters (underscore, seriously?), parenthesis and brackets than I ever willing to write or look at. In other words; it's very ugly.

I also don't like underscores much, but this is JS, so shouldn't `window.identifierOfYourChoice = _` alias it without much ado?

Re: Show HN: CalDOM: An agnostic, reactive and minimalist JavaScript UI library

#15

Post by blacktriangle »

dumindaxsb wrote: post #3

I honestly don’t know where this will lead. Probably all of this is just for nothing. The world has enough UI libraries already. Duh!. I decided to make my own mini jQuery years ago because I wanted a lightweight library. Also, I wanted to stay close to the native DOM API & vanilla JavaScript. Looking back, it paid really well. Then React & Vue JS happened. In my opinion, the reactive UI approach bought a huge produc…

Some library like this is going to blow up in popularity eventually. Virtual DOMs are often unnessary abstractions, Svelt introduces it's own whole compilation step, and libs like Vue, Ember, and Angular are just too big.

There is clearly a need for a lightweight (on the order of 3kb seems good) "framework" that embraces everything the modern browser lets you do as natively as possible, basically the new jQuery, or maybe more accurately the new Backbone.js.

Re: Show HN: CalDOM: An agnostic, reactive and minimalist JavaScript UI library

#16

Post by Piisamirotta »

tobr wrote: post #10
c-smile wrote: post #7

For the note: Sciter ( https://sciter.com ) implements CalDOM features out of the box. But better. In Sciter DOM and vDOM are equally honored. This CalDOM's (DOM + vDOM population): _("#output-1") .append( _("+h1").text("Hello World!") ); In Sciter is document.$("#output-1") .append( Hello World! ) And this reactive CalDOM: let app = _().react( {}, { render: state => _( "+h1", `Hello ${state.name}` ) //This is XSS sa…

> But better. This blunt dismissal is very rude when you don’t even mention that you are the author of sciter.

Yep I was thinking the same. Quite an idiot way to advertise your own product. I'll leave that link untouched.

Re: Show HN: CalDOM: An agnostic, reactive and minimalist JavaScript UI library

#17

Post by [deleted] »

c-smile wrote: post #7

For the note: Sciter ( https://sciter.com ) implements CalDOM features out of the box. But better. In Sciter DOM and vDOM are equally honored. This CalDOM's (DOM + vDOM population): _("#output-1") .append( _("+h1").text("Hello World!") ); In Sciter is document.$("#output-1") .append( Hello World! ) And this reactive CalDOM: let app = _().react( {}, { render: state => _( "+h1", `Hello ${state.name}` ) //This is XSS sa…

[deleted]

Re: Show HN: CalDOM: An agnostic, reactive and minimalist JavaScript UI library

#18

Post by leipert »

Looks interesting! Kudos on the well documented source, benchmark and website.

Are Caldom instances itself always synced with the DOM? e.g. If I create a Caldom instance for all ‘button’ and add an event handler for ‘click’. Now another piece of JavaScript adds a button to the page, will the event handler also trigger for that button or just the buttons when I first instantiated Caldom?

Re: Show HN: CalDOM: An agnostic, reactive and minimalist JavaScript UI library

#20

Post by zestyping »

Hope this is helpful: the docs at https://caldom.org/docs/ have the table of contents cut off if the window is less than about 1800 px wide. Lots of screens are 1440 or 1280 or even 1024 px wide and won't be able to properly view the documentation. I think it would only take a few simple CSS changes to fix this.
Post reply on HN