The issue is not only the syntax, but the semantics. What happens to the scope when you nest #each expressions? Does it work with iterables (like for..of), or it behaves like for..in? I don't use Svelte, and I don't know those differences by reading the code. To me the nice thing about JSX is that is straight forward with JS semantics:
const a = <div prop={expression()} />
is a DSL for:
const a = factory('div', {prop: expression()})
is only a DSL to create tree structures (React is another story, you can use JSX without React).
The issue is not only the syntax, but the semantics. What happens to the scope when you nest #each expressions? Does it work with iterables (like for..of), or it behaves like for..in? I don't use Svelte, and I don't know those differences by reading the code. To me the nice thing about JSX is that is straight forward with JS semantics:
is a DSL for:
is only a DSL to create tree structures (React is another story, you can use JSX without React).
Subjectively, I’d say. But since I agree that it’s cleaner and easier to read- I upvote you
By what metric are you measuring it objectively?
density.
Saying it is objective but not mentioning the reason really makes your statement subjective.