jsx to html with Vite

[LazerRaptor]

Hello!
Firstly, some context. I am Django backend dev and I am quite new to Vite. In the Django community there is a growth of popularity of a so-called low-JS approach where instead of using full-fledged JS apps, the old SSR approach is used with some enhancements by libraries like htmx and Alpine.js. The biggest drawback, at least to my eye, of this approach is that it leads to a somewhat messy code and a bit ugly-looking syntax. And, overall, it doesn't benefit fully from the rich Node.js eco-system. But this is where Vite.js can help, I believe.
If I use Alpine.js with a Django template together, I will do something like this (here we inject {{ content }} from Django provided context):

<div x-data="{ open: false }">
    <button @click="open = true">Click me</button>
 
    <span x-show="open">
        {{ content }}
    </span>
</div>

It looks alright until our pages become big and the logic more complex. That's why I'd like to try an alternative: to use JSX and generate Django templates from it:

import Alpine from "alpine.js";

const  Example = (props) => ({
  this.open = false,
  onClick() { this.open = true },
  render() {
    return (
      <div>
        <button @click={this.onClick}>Click me</button>
        <span x-show={this.open}>{this.props.content}</span>
      </div>
    )
  }
});

Alpine.data("example", Example);
Alpine.start();

The above is all normal for Alpine.js, except for the render() method. What I'd like to do is to compile what this method returns into an HTML document and use it by Django.
So what I'd like to try is take render's return and compile html templates from it, e.g. when I request them in my root file:

// index.js
import Example from "./example.jsx";

so it would create an example.html file in the specified template directory.

I need to delve into this and I'd really appreciate some general directions to get started.
E.g. I'd like to know if I can rely on some Vite.js internals to render jsx or should I try something like vhtml, which config options should I be looking at, which parts of the documentation, etc.
Thanks a lot.

[ucefkh]

looking for an answer too! anyone?