百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
R

rawact

> 编程语言
开源

[POC] 一个 babel 插件,它将 React.js 组件编译为原生 DOM 指令,从而消除了在运行时对 React 库的需求。

2.5K stars0 点赞3 次浏览
访问官网GitHub

工具介绍

[POC] 一个 babel 插件,它将 React.js 组件编译为原生 DOM 指令,从而消除了在运行时对 React 库的需求。

babel-plugin-rawact

一个 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 已经证明,这种类型的框架消除转译可以非常有效。

  • 总部件代码小于 React 的应用程序
  • Rawact 会减少总 JS 大小
  • 以初始渲染为优先级的代码分割应用程序
  • 从 React 组件编译 Web 组件
  • 您不希望将 React 与组件一起发布

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言