babel-plugin-jsx VS reactivue

It's also possible to use JSX, as OP's example, using https://github.com/vuejs/babel-plugin-jsx

Even though templates (or let’s say, SFC) is the dominant way to author Vue components, decent JSX support is also provided for both Vue 2 and Vue 3.

I agree - I think JSX does what templating languages have been trying to do for years.

That being said, solid is hardly the only one out there competing that can use JSX:

- https://github.com/vuejs/babel-plugin-jsx

- https://mithril.js.org/jsx.html

- https://preactjs.com/guide/v10/getting-started#setting-up-js...

Apologies, my link above was the incorrect bookmark... that was for Vue 2. Here is the correct link for vue3: https://github.com/vuejs/jsx-next

In a nutshell, you once again have to add jsx: “preserve” to your tsconfig.json and do some changes in your Babel config (it’s a plugin this time):

This exists and works fine - I am using TSX and getting type checking around props etc etc, all the things you'd expect.

Best of both worlds: https://github.com/antfu/reactivue

I've come to appreciate reactivue, which offers the best of both worlds. You get the strong typescript support that React offers and Vue SFC lacks, and are able to use Vue3 reactivity and Composition API.