DEV Community

Reactive HTML Without JavaScript Frameworks 🔥

Anthony Max on July 07, 2025

In the modern web development landscape, JavaScript frameworks like Vue, and Angular dominate discussions about reactive interfaces. However, it...

Read full post

ArtyProg • Jul 8 '25 • Edited

Hello nice work :-),

Here is another way to add reactivity, without any bundlers.
I know, this is a liitle out of subject, but I wanted to show you don't need hyped frameworks to get reactivity.

const app = new Juris();

app.setState('counter', 5);

const element = app.objectToHtml({
    div: {
        children: [
          { div: { text: () => app.getState("counter")}},
          { 
            button: {
              text: "INC", 
              onclick:() =>  { 
                const incedval =  app.getState("counter") + 1
                app.setState("counter", incedval) 
              } 
            } 
          }
        ]
    }
});

document.getElementById("app").append(element)

You can test it here a component approach : Counter

Comment deleted

Anthony Max • Jul 7 '25

Agree

grady.link • Jul 7 '25

This is still running JavaScript. In my opinion I would prefer to use Alpine.js.

Anthony Max • Jul 8 '25

Alpine.js is a fairly generic approach, not really server-oriented. Syntax-wise, it's very similar to jsx, but a bit weird.

grady.link • Jul 9 '25

Well then why not use htmx

Ankit Rattan • Jul 8 '25

Well! That's great... 💯

Anthony Max • Jul 8 '25 • Edited

Thanks!

Parag Nandy Roy • Jul 11 '25

Love this lightweight approach..

Anthony Max • Jul 7 '25

Without a framework, create a normal application possible

Abhiwan Technology • Jul 9 '25

Very interesting, discussion is goin on related to using reactive HTML. Nowadays most of the India based top 3d game development services provider companies were doing such types of things to get some innovative solutions.

shiva shanker • Jul 7 '25

Looks promising but risky for production! 💡 Better strategy: Start with Preact as drop-in React replacement - same code, 90% smaller bundle. Then optimize from there!

GP • Jul 8 '25

Handlebars ++ ?