为Typescript创建类似于"scalatags“的HTML标签的库

Question

我正在寻找一个库，可以很容易地从typescript创建HTML标签。我在scala-js中使用过"scalatags“，我想知道是否有类似的东西可用于typescript。

有问题的库应该有助于以这种方式编写代码：

var paragraph1 = p("Some text");
var paragraph2 = p("Some other text");
var d = div(paragraph1, paragraph2);
document.body.appendChild(d);

Answer 1

读者请注意:我对Typescript生态系统非常陌生，我偶然发现了这个问题，因为我也在寻找同样的东西。

在我看来，JSX是一个等价库。我不确定您是否可以有效地使用React本身，它是JSX库的一部分。

但是如果你查看Typescript tutorial的React部分，你会发现JSX ( .tsx文件)的使用方式与使用Scalatags的方式相同:以一种类型安全的方式呈现HTML。

但同时，JSX与Scalatags有很大的不同。Scalatags是在Scala中实现的DSL，您可以通过Scala-js使用它。JSX是一种不同的语言，是一种"JavaScript扩展语法“--您可以通过Typescript以与其他Javascript库相同的方式获得类型安全。

当我自己学习Typescript React教程时，我使用的是IntelliJ IDEA，我得到了完全的智能感知支持(补全、查找用法等)。当你出错时，typescript编译器(和IDEA)都会报错( HTML元素名称中的打字错误，类型问题等)

编辑：Typescript Deep Dive的"Non React JSX“部分似乎暗示可以在没有React的情况下使用JSX。