[POC] 一个 babel 插件,它将 React.js 组件编译为原生 DOM 指令,从而消除了在运行时对 React 库的需求。
[POC] 一个 babel 插件,它将 React.js 组件编译为原生 DOM 指令,从而消除了在运行时对 React 库的需求。
一个 babel 插件,它将 React.js 组件编译为原生 DOM 指令,从而消除了在运行时对 React 库的需求。
React.js 分为两个包 (用于浏览器中使用): React 和 React-dom。 React 包是描述组件和元素的通用方式。React-dom 包负责渲染这些通用元素。 由于这种设计,React-DOM 包含了可以渲染的每个可能组件/HTMLElement 的代码,还包括增量渲染、调度、事件处理等代码。 这会增加初始页面加载的开销,用于下载和评估库。
但是有些应用程序不需要所有这些功能(在初始页面加载时)。对于这种应用程序,使用原生 DOM 操作来构建交互式用户界面可能是有意义的。一个突出的例子是 Netflix,该公司从登陆页面中移除了客户端 React.js 并使用原生 DOM 代码重新构建交互性。这种方法是可行的,但缺乏 DX。编写 React.js 组件比编写原生 DOM 代码更简单。如果我们能够在构建时将 React.js 组件翻译成原生 DOM 操作,那么就不需要使用 React 库,但组件代码会稍大一些。
Svelte 已经证明,这种类型的框架消除转译可以非常有效。
暂无开放 Issues,或尚未同步最近议题。