62

0

Million

Million 是一个轻量级 的虚拟 DOM React替代品。<1kb它非常快,并且可以轻松创建用户界面。

什么是Million?

Million 是一个轻量级 ( ) 虚拟 DOM的React替代品。<1kb非常快,并且可以轻松创建用户界面。

哦,伙计……另一个/virtual dom|javascript/gim图书馆?我对React已经很好了,为什么还要费心切换呢?

Million 使创建用户界面像React一样简单,但为最终用户提供更快的性能和更小的包大小。通过使用编译器预先计算用户界面,Million 减少了传统 Virtual DOM 的开销。

好的很酷......但是如果我需要更轻量级的东西,我可以使用Preact ,我为什么要使用 Million?

虽然像Preact这样的替代库通过有效的代码设计减少了包大小,但 Million 通过利用编译在改进包大小**和**渲染速度方面取得了巨大的飞跃,更进一步。

把它想象成React的 API 和Svelte的编译器生了一个孩子。速度超快的宝宝!👶🚀

📚1分钟学会Million!→

为什么是Million?

### 优点 ### 用例
⚛️熟悉的 React API(带 million/react 🦁为可编译的库而构建 📦轻量级包大小(<1kb brotli+min)快速运行时操作* 🛠️ 使用驱动程序组合,默认合理 使用快速的 Virtual DOM 编写 React 高效更新节点 创建 UI 库 将 MPA 转变为 SPA* 使用粒度 HMR 更新

注意:Million 现在支持实验性的 React 兼容性

安装Million

在您的项目目录中,运行以下命令:

npm install million

代码库

这个 repo 是一个带有模块的“mono-repo”。百万作为一个 NPM 包发布,但具有用于更复杂但重要的扩展的一流模块。每个模块在目录中都有自己的文件夹 /packages

模块 描述
million 拥有 Million 核心的主虚拟 DOM。
react 一个为 Million 提供 React 兼容性的模块。
router 为 MPA 启用 SPA 路由的模块。
jsx-runtime 提供 JSX 运行时实用程序的模块
html 一个提供工厂函数和标记模板的模块,以便于创建虚拟节点(JSX 替代方案)
morph 一个仅在页面内使用 DOM 节点(如morphdom )来变形 HTML 的模块。非常适合在 SSR 框架中实现热刷新
utils 为虚拟节点、DOM 节点和 HTML 字符串提供转换实用程序的模块
vite-plugin-million 一个优化虚拟节点树的 Vite 插件(“编译器”

资源和回馈

寻找文档?检查文档

想与社区交谈?加入我们的Discord,分享您的想法以及您使用 Million 构建的内容。

有关于 百万 的问题?将其发布到DiscordGitHub 讨论区,并向社区寻求帮助。

发现错误?前往我们的问题跟踪器,我们将尽最大努力提供帮助。我们也喜欢拉取请求!

我们希望所有百万贡献者都遵守我们的行为准则的条款。

→ 开始在 GitHub 上贡献

致谢

Million 从snabbdomivimikado那里汲取了大量灵感。如果您对使用的替代库感兴趣,请随时查看它们。

Million 被用于 Wyze 等公司和Quartz、TinyPages等开源工作。

赞助商

剧院.js 韦尔塞尔 数据

想要你的标志吗?→ 赞助百万

执照

Million 是Aiden Bai获得 MIT 许可的开源软件和研究项目