I don't like any framework that uses templates. I already know JS, let me use that. Also they usually work poorly with editors and TypeScript since they require custom syntax to be supported. I'll stick with JSX.
I like JSX too, it allows multiple composable components in the same file, but Sveltekit support for typescript has been amazing so far, the whole framework has been written with typescript in mind and it shows.
That's good to hear. I also used to use Vue before switching to React, which has a similar layout, ie HTML, styles, and script tags in a single file component. It was alright but it had some weird rules, like registering plugins, two way data binding, etc.
Biggest thing though is the package support for Vue and other non-React libraries was miserable compared to React, so I switched and I definitely prefer it over any template-based framework.
that's the "problem" tho — i dont need that level of abstraction, i already know how to assign event listeners and toggle css classes, which covers 99% or real-life needs
For small projects, sure. But it breaks down in larger ones, ask me how I know. The reality is React and other tools solve problems at scale, plus they're genuinely nice to develop in, while vanilla JS simply is not.