Live data from Hacker News

Datastar: Lightweight hypermedia framework for building interactive web apps

data-star.dev

11–20 of 298 posts

Re: Datastar: Lightweight hypermedia framework for building interactive web apps

#11

Maybe it is because I'm a bit too deep in the React ecosystem at this point, but once you start trying to do any reasonably complex task, this seems like it would be significantly harder to reason about. Also, unless I'm misunderstanding it, this revolves a lot around the backend returning HTML to do backend-as-frontend, which given my previous experiences with the concept, I wouldn't want to touch with a 10ft pole.…

In my experience from using react apps on 2g/3g… I would much prefer the html. Usually, you get the content in 1-2 seconds with html, where you could end up with a react apps that never loads at all. Why does it never load? Because enterprising engineers usually invent their own timeouts that make no sense when you are dealing with bytes-per-second. There’s already a one minute timeout on the socket, and it knows if it is still receiving where your application has no sense of progress.

Please don’t reinvent things.

Re: Datastar: Lightweight hypermedia framework for building interactive web apps

#13
post #3

Earlier quoted context omitted.

Could provide actual arguments for why these aspects of Datastar are "crazy", "even more crazy" and "wrong"?

What more do you need than writing something like `data-on-input__debounce.200ms="@get('/examples/active_search/search')"` in the DOM as being crazy and wrong?

So your answers is no, you cannot provide any arguments.

Re: Datastar: Lightweight hypermedia framework for building interactive web apps

#14
post #9

It isn't mentioned on the homepage, but Datastar does charge for the following features: data-animate - Animates element attributes over time. data-custom-validity - Adds custom validity to an element. data-on-raf - Runs an expression on every animation frame. data-on-resize - Runs an expression on element resize. data-persist - Persists signals in local storage. data-query-string - Syncs query string params with sig…

not sure i think this is a good way to fund their work BUT exploring models to make open-source sustainable for the developers does seem like a good thing, no?

Re: Datastar: Lightweight hypermedia framework for building interactive web apps

#15
post #3

Earlier quoted context omitted.

Could provide actual arguments for why these aspects of Datastar are "crazy", "even more crazy" and "wrong"?

What more do you need than writing something like `data-on-input__debounce.200ms="@get('/examples/active_search/search')"` in the DOM as being crazy and wrong?

I mean, that seems ugly to me, but... Makes intuitive sense and is fine actually? Is HTML a rich language in which to embed stuff like this? No. Does this clearly get the point across? Yes.

[Edit: this should've actually been attached to the GP comment. I agree with the parent.]

Re: Datastar: Lightweight hypermedia framework for building interactive web apps

#17
For those of you who don't think Datastar is good enough for realtime/collaborative/multiplayer and/or think you need any of the PRO features.

These three demos each run on a 5$ VPS and don't use any of the PRO features. They have all survived the front page of HN. Datastar is a fantastic piece of engineering.

- https://checkboxes.andersmurphy.com/

- https://cells.andersmurphy.com/

- https://example.andersmurphy.com/ (game of life multiplayer)

On both the checkboxes/cells examples there's adaptive view rendering so you can zoom out a fair bit. There's also back pressure on the virtual scroll.

Re: Datastar: Lightweight hypermedia framework for building interactive web apps

#18
post #9

It isn't mentioned on the homepage, but Datastar does charge for the following features: data-animate - Animates element attributes over time. data-custom-validity - Adds custom validity to an element. data-on-raf - Runs an expression on every animation frame. data-on-resize - Runs an expression on element resize. data-persist - Persists signals in local storage. data-query-string - Syncs query string params with sig…

Wanted to include that this is so the development and maintenance of Datastar as a project is sustainable. And that they are a registered 501(c)(3) nonprofit organization.

https://data-star.dev/star_federation#nonprofit-organization

Re: Datastar: Lightweight hypermedia framework for building interactive web apps

#19

Maybe it is because I'm a bit too deep in the React ecosystem at this point, but once you start trying to do any reasonably complex task, this seems like it would be significantly harder to reason about. Also, unless I'm misunderstanding it, this revolves a lot around the backend returning HTML to do backend-as-frontend, which given my previous experiences with the concept, I wouldn't want to touch with a 10ft pole.…

"this revolves a lot around the backend returning HTML"

→ This is the way the Web used to work in the era of 56kbps modems (also, with ten levels of "" for layout).

Re: Datastar: Lightweight hypermedia framework for building interactive web apps

#20

Oh great, yet another front-end framework, but this one is with paid features as well. Are we seriously going to pretend this isn't getting out of hand?

What's your concern with the paid features?

https://news.ycombinator.com/item?id=45537335

Post reply on HN