一个约 4kB 的快速 React 替代库,保留相同的现代组件 API,基于 Virtual DOM。
infernojs/inferno
一个高性能、API 类似 React 的 JavaScript UI 库,支持客户端与服务端渲染。
- Star
- 16,452
- Fork
- 642
- 未关闭 Issue
- 36
- 最近提交
- 前天
这是什么?
Inferno 是一个 API 风格接近 React 的 JavaScript 用户界面库,沿用了组件化、单向数据流和生命周期等概念,重点优化运行时渲染性能,尤其适合实时数据视图和大型 DOM 树。
性能主要来自编译期优化。Inferno 提供 Babel、SWC 和 TypeScript 的 JSX 插件,会生成直接创建 vNode 的调用而非 createElement;同时可通过 $HasVNodeChildren 等子节点标记预先声明子节点结构,让运行时跳过规范化处理。库中还提供 linkEvent,可避免在事件处理中使用箭头函数或 bind,并通过 inferno-server 支持服务端渲染。
与 React 相比,Inferno 使用部分合成事件系统,函数组件也支持生命周期钩子,并提供受控的 input、select 和 textarea 组件。它不支持 React Native,JSX 也是可选的,还可以使用 hyperscript 或 createElement 编写。
核心功能
- 01API 风格接近 React,支持单向数据流和熟悉的生命周期方法
- 02函数组件支持生命周期事件,这是 React 不提供的能力
- 03部分合成事件系统,配合 linkEvent 避免 bind 和闭包
- 04通过 inferno-server 和 hydrate 支持客户端与服务端渲染
- 05提供受控的 input、select 和 textarea 组件
- 06提供 Babel、SWC、TypeScript 的编译期 JSX 插件
适用场景
- 构建频繁更新的实时仪表盘或数据视图
- 渲染大型 DOM 树,对运行时性能要求较高的场景
- 将小型 React 风格前端迁移到更轻量的运行时
- 需要服务端渲染并在客户端 hydrate 的 Web 应用
快速上手
- 1
安装核心包
npm install --save inferno - 2
安装 Babel 的 JSX 编译插件
npm install --save-dev babel-plugin-inferno - 3
使用 render 函数将组件渲染到 DOM 元素中
使用前须知
- Inferno 不支持 React Native。
- Inferno 不支持旧式字符串 ref,依赖它们的代码需要修改。
- Inferno 的 JSX 编译期优化要求使用版本匹配的编译插件。
标签
常见问题
- inferno 是什么?
- 一个高性能、API 类似 React 的 JavaScript UI 库,支持客户端与服务端渲染。 Inferno 是一个 API 风格接近 React 的 JavaScript 用户界面库,沿用了组件化、单向数据流和生命周期等概念,重点优化运行时渲染性能,尤其适合实时数据视图和大型 DOM 树。
- inferno 可以免费使用吗?用的什么许可证?
- inferno 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- inferno 还在维护吗?
- 活跃维护中。inferno 最近一次提交是在 2026年10月23日。
- inferno 适合用来做什么?
- 构建频繁更新的实时仪表盘或数据视图 渲染大型 DOM 树,对运行时性能要求较高的场景 将小型 React 风格前端迁移到更轻量的运行时 需要服务端渲染并在客户端 hydrate 的 Web 应用
- inferno 怎么安装和运行?
- 安装核心包: npm install --save inferno 安装 Babel 的 JSX 编译插件: npm install --save-dev babel-plugin-inferno 使用 render 函数将组件渲染到 DOM 元素中
- 在哪里获取 inferno?
- 源代码和安装说明在 GitHub 上:https://github.com/infernojs/inferno
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一个声明式 JavaScript UI 库,通过细粒度响应式直接更新真实 DOM,不使用 Virtual DOM。
Omi 是一个 Web Components 框架,支持 JSX、Signal 响应式、路由和 Tailwind,用于构建可复用的自定义元素。
面向 Angular 的 Firebase 官方集成库,提供依赖注入与 RxJS 风格的 Firebase 服务调用。
面向企业应用的 React 组件库与设计语言,适用于构建 Web 应用界面。
基于 Material Design 的 Vue 组件框架,提供响应式的精致 UI 组件,用于构建 Web 应用。