const list = ['a', 'b', 'c'] as const; // TS3.4 syntax type NeededUnionType = typeof list[number]; // 'a'|'b'|'c';

This module is similar to JSX, but provided as a standards-compliant ES6 tagged template string function.

tagged template string virtual dom builder

render(html`<${Button} on:click=${() => (clicked += 1)}>Click Me!<//>`)

svelte-htm - Hyperscript Tagged Markup for svelte; a jsx-like syntax using Tagged Templates

by using tagged templates we can inline function calls

However, this would lead to further divergence. Tooling that is built around the assumptions imposed by template literals wouldn't work. It would undermine the meaning of template literals. It would be necessary to define how JSX behaves within the rest of the ECMAScript grammar within the template literal anyway.

Template literals work well for long embedded DSLs. Unfortunately the syntax noise is substantial when you exit in and out of embedded arbitrary ECMAScript expressions with identifiers in scope.

ECMAScript 6th Edition (ECMA-262) introduces template literals which are intended to be used for embedding DSL in ECMAScript.

Why not Template Literals?

Don't think so; template strings solve the problem JSX tries to tackle without forking the language.

Solid supports templating in 3 forms JSX, Tagged Template Literals, and Solid's HyperScript variant.

You use literals to represent values in JavaScript. These are fixed values, not variables, that you literally provide in your script.