Is it possible to create fully functional component without JSX/TSX syntax?

I'm trying to use Solid with PureScript, but seems like when component gets compiled from TSX to JS, a lot of stuff is happening.

Basically, is it possible somehow to make something like this work?

return Dynamic({
    component: "div",
    children: [
      val(),
      Dynamic({
        component: "button",
        children: "Test",
        onClick: () => setVal("testVal")
      })
    ]
  });

return Dynamic({
    component: "div",
    children: [
      val(),
      Dynamic({
        component: "button",
        children: "Test",
        onClick: () => setVal("testVal")
      })
    ]
  });

return Dynamic({
    component: "div",
    children: [
      val(),
      Dynamic({
        component: "button",
        children: "Test",
        onClick: () => setVal("testVal")
      })
    ]
  });

return Dynamic({
    component: "div",
    children: [
      val(),
      Dynamic({
        component: "button",
        children: "Test",
        onClick: () => setVal("testVal")
      })
    ]
  });

Is it possible to create fully functional component without JSX/TSX syntax?

Similar Threads

Similar Threads

Similar Threads