Interesting, I cooked up something similar a few years ago to use on my personal website and d3.js viz projects. Originally for use with webpack/babel but now I use it exclusively with Vite.

https://www.npmjs.com/package/jsx-pragma

Nice work! JSX is such an awesome piece of technology. Using it with the dom feels like a component based and maintainable jquery.

Isn't there xss in the first demo? What if title is user supplied and it's something like <script>alert("xss")</script>

User supplied stuff must always be sanitized :)

API would be the proper term for this, no?

Maybe "typed API"?

What do you mean?

"non framework" just seems like a weird term

I agree :D Do you have a better term for a thing that does not want to be a framework? Maybe it's really just code snippets. It's also not really an API, because the API is the DOM. :thinking:

There is no way to not be a framework. A bunch of code snippets is already one.

That would make every stackoverflow snippet a framework. I mean framework in the sense of products like next.js/nuxt.js.

I'd like to understand when the term "DX" was popularized. It certainly feels like it was a rather recent invention and often tied to a tool or platform to get locked into.

If I were into conspiracies, I would hazard a guess the term "DX" was created by a marketing department for a PaaS.

DX is a compelling argument to sell one more level of indirection (i.e. framework or metaframework or whatever "non framework" means)

I agree. There's a fine line between useful abstractions and bloat.

For me great DX is when the editor provides useful information about my code. :)