Port to Datastar

[joeblew999]

I might add a compiler tag to support Datastar.

I’m a bit of a fan and it’s uses templ, but it can use anything .

https://data-star.dev/

https://github.com/starfederation/datastar

Datastar brings the functionality provided by libraries like Alpine.js (frontend reactivity) and htmx (backend reactivity) together, into one cohesive solution. It’s a lightweight, extensible framework that allows you to:

Manage state and build reactivity into your frontend using HTML attributes.

Modify the DOM and state by sending events from your backend.

With Datastar, you can build any UI that a full-stack framework like React, Vue.js or Svelte can, but with a much simpler, hypermedia-driven approach.

It reached API stability on 1st April, 2024: https://github.com/starfederation/datastar/releases/tag/v1.0.0-beta.11

Tests: https://data-star.dev/tests

Bundler: https://data-star.dev/bundler

Examples: https://data-star.dev/examples

NATS Jetstream ( and the NATS CLI ) can make calls into it, allowing many systems to be easily composed together globally.

[axzilla]

Thanks for suggesting Datastar. I appreciate your input.

While templUI uses HTMX for backend-driven interactivity, I'm open to other options. I don't quite understand the "compiler tag" concept you mentioned - could you explain how this would work with templUI and its specific benefits in simpler terms?

Your post felt somewhat promotional. A clearer explanation of Datastar's direct value to templUI would help me evaluate it better.

Looking forward to your response.

[joeblew999]

It’s not at all meant to be promotional.

I have used htmz, htmx and Datastar . It’s just that I have found Datastar to be so productive and to automatically be real time .

As far as how to use your templui with Datastar I am open to ideas. Just trying to work out a nice way . The htmx text is embedded into the code so it’s quite tricky . Based of how well your have nurtured this project I figure you might have some ideas .

I need to dig deeper to work it out .

With Datastar you can do really simple updates using simple tags , that just sends up the fragment and it will do the Idiomorph and merge the dom .

But you can do signals too .

I need to dig deeper

[joeblew999]

To get up to speed with its benefit it’s worth having a play . It’s really powerful .

See what’s / how others are doing with it and templ…

https://github.com/starfederation/datastar/network/dependents?package_id=UGFja2FnZS01NTE4NDY0NDQ3

[axzilla]

Thanks! I'll continue to focus on the htmx approach for now, because I think that's where the most interest is, where the most development is, and where it's the most popular!

I look forward to further discussion on this topic within the community and will move this topic to GH discussions for now.