问题标签 [infernojs]

如何为 Inferno.js 编写定义

因为

导致错误。

[ts] 类型“DetailedHTMLProps，HTMLStyleElement>”上不存在属性“jsx”。

我正在尝试设置 create-inferno-app 的服务器端实现。所以，我最初运行 create-inferno-app 来创建一个示例项目并运行npm start run，一切看起来都很好。这是我的index.js

这是App.js

我收到一个错误TypeError: type is not a function

那么我应该如何使用renderToStringcreate-inferno-app 中的方法呢？

我正在使用带有 typescript 的 inferno js（在 webpack3 中使用 ts-loader 和 transformInferno），而且大多数情况下它运行良好。但是，当You are running production build of Inferno in development mode. Use dev:module entry point.在浏览器控制台中的 webpack-dev-server inferno 输出中运行时。

虽然我可以看到 infernodev:module在 package.json 中定义了一个条目，但我不明白如何使用这个入口点而不是默认值module？

我正在尝试使用 Express 和 Inferno 创建一个同构应用程序。不幸的是，我在互联网上找不到任何类似的项目。我尝试使用Razzle创建自己的。但是，不幸的是，尽管所有配置文件完全对应，但我没有设法连接 TypeScript。

问题本身：如何轻松做到这一点？我应该做哪些步骤来做这个？

PS 也许有一些带有 TypeScript 的 React 示例可以很容易地为 Inferno 重新制作？

我的目标是构建一个测试套件，以可视化React、preact、Inferno、Snabbdom、Vue中内部超标方法createElement()（也称为）的实现差异。h()

在 React 中，我可以这样调用它（无需构建组件）：

在 Preact 中，我们只需要：

使用 Inferno.. 我必须导入 inferno 和 inferno-hyperscript ：

现在，我仍在尝试在不创建组件的情况下在 Vue 中执行此操作：我不想处理创建组件实例的额外成本，我只想可视化和比较原始虚拟 dom 创建和渲染每个库的进程。

我在这篇文章中找到了一种方法，但它仍然创建了一个新的 Vue 实例。

打电话后

props对象是

在 React 和 Inferno 中，但它是

在 Preact。

有人知道这些不同设计决策的原因以及每种解决方案的优缺点吗？

我有一堆用 Inferno 编写的 TSX 组件（类似于 React/Preact）。我只需要转换 JSX 方面的 .ts 版本。我使用它的环境只支持 TypeScript，而 Inferno JSX 转换器只为 Babel 编写。我相信我可以用 Babel 做到这一点，但不确定要添加哪些标志。

这是我的脚本示例：

在我编译完这个脚本之后，应该保留任何 TS，例如接口，但是应该将 JSX 转换为createVNode()函数。执行此操作的 babel 插件是：https ://github.com/infernojs/babel-plugin-inferno

这是我当前的.babelrc：

我包含@babel/typescript在 rc 文件中，因为它需要能够读取 TS 而不会抱怨语法。但是，应该保留输出。

如果这不是最好的方法，您能否就更有效的转换方法提出建议？附言。我不能使用 TS JSX 转换器，它与 Inferno 不兼容。

这是我的 tsconfig：

我刚刚开始了解 parceljs 并发现它非常令人愉快，只有一件事似乎有点矫枉过正：

我正在使用 parceljs 将 infernojs 的 tsx 文件转换为 javascript。然而，生成的代码包含原始的 React.createElement 函数，这显然不能工作：

inferno_1.render(React.createElement("div", null, "woot"), document.getElementById("app"));

我已经看到使用带有插件 babel-plugin-inferno 的 .babelrc 文件的示例，这似乎可以工作，但是由于这增加了各种 babel 依赖项，我只是想知道是否有一种方法可以指定转换函数，没有所有额外的行李。（因为包裹似乎很简单）

我正在尝试为我的项目选择一个提供数据绑定和 DOM 管理功能的库。比较多个库，我最终选择了Inferno 和 Svelte。

我注意到Svelte的评估脚本时间高于其他库（请参阅附图） 。

在示例中，我渲染了一个 100 x 15 的表格（总共 1500 个单元格）。虽然渲染时间减少了几毫秒，但 inferno 的脚本执行时间是它的一半。

时间随着元素的数量急剧增加，例如。对于 15000 个细胞的苗条脚本评估时间是 2000 毫秒，而 inferno 需要 680 毫秒。

苗条的代码：

地狱示例代码：

为什么 Svelte 的脚本评估时间很长？

嗨，我正在尝试运行这个 github 项目https://github.com/LemmyNet/lemmy-ui

我该如何运行它？我尝试使用 npm start 它说找不到纱线。