We are going to discuss frameworks supported by Astro, plus special guest: Angular!
Legends
🟢 Excellent support
🟡 Moderate support
🔴 Poor support
Apparently our special guest favors separation of concerns via using separate files for HTML, CSS and JS. JSX is absolutely “Not invented here” to this opinionated framework.
An aside: this convention is frowned upon by Vue, despite its first version is inspired by AngularJS, the predecessor of Angular.
Being brought up and made popular by React, JSX is the de facto way to build stuff in Reactland.
Fun fact: React prevailed the usage of className and htmlFor, but “HTML-style” class and for usually just work in other frameworks.
Our sweet little React wannabe actively publicizes itself as an alternative to React, no wonder it has perfect support for JSX as well. But if you want, you can also go the lit way.
Being a compiler-driven framework, Svelte relies heavily on its template syntax to achieve the magic, so JSX is a no-go.
However, the Svelte Language Tools does leverage JSX for type checking via svelte2tsx.
Prioritized as a drop-in library to enhance ordinary websites, this is not something you use with JSX which assumes a compiler.