一个声明式 JavaScript UI 库,通过细粒度响应式直接更新真实 DOM,不使用 Virtual DOM。
- Star
- 38,951
- Fork
- 4,428
- 未关闭 Issue
- 43
- 最近提交
- 22小时前
这是什么?
Preact 是一个轻量级 UI 库,提供 React 的组件模型,包括 ES6 类组件、Hooks 和函数组件,但体积小得多。它适合希望沿用 React 式开发方式、又不想承担 React 包体积的开发者。
库内置 JSX 支持、Virtual DOM、DevTools、热模块替换(HMR)以及支持无缝 hydration 的服务端渲染(SSR)。通过 preact/compat 别名,许多 React 生态库可以在 Preact 上运行。渲染过程异步进行,调度器可插拔,diff 算法则以尽量减少 DOM 操作为目标。
模板既可以使用 JSX 编写,也可以使用基于标准 JavaScript 标签模板的 HTM。Preact 支持所有现代浏览器。
核心功能
- 01沿用 React API,支持类组件、Hooks 和函数组件
- 02通过 preact/compat 别名运行许多 React 库
- 03内置 JSX、Virtual DOM、DevTools 和热模块替换
- 04支持服务端渲染及无缝 hydration
- 05异步渲染,调度器可插拔
适用场景
- 对包体积敏感、需要 React 式开发的前端页面
- 借助 compat 别名逐步迁移现有 React 应用
- 为服务端渲染的网站添加交互组件
快速上手
- 1
从 npm 安装 Preact
npm install preact - 2
在应用中导入 render 和 h,并将组件渲染到 document.body
标签
常见问题
- preact 是什么?
- 一个约 4kB 的快速 React 替代库,保留相同的现代组件 API,基于 Virtual DOM。 Preact 是一个轻量级 UI 库,提供 React 的组件模型,包括 ES6 类组件、Hooks 和函数组件,但体积小得多。它适合希望沿用 React 式开发方式、又不想承担 React 包体积的开发者。
- preact 可以免费使用吗?用的什么许可证?
- preact 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- preact 还在维护吗?
- 活跃维护中。preact 最近一次提交是在 2026年10月24日。
- preact 适合用来做什么?
- 对包体积敏感、需要 React 式开发的前端页面 借助 compat 别名逐步迁移现有 React 应用 为服务端渲染的网站添加交互组件
- preact 怎么安装和运行?
- 从 npm 安装 Preact: npm install preact 在应用中导入 render 和 h,并将组件渲染到 document.body
- 在哪里获取 preact?
- 源代码和安装说明在 GitHub 上:https://github.com/preactjs/preact
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
3.6万1136TypeScriptMIT更新于 24小时前
一个高性能、API 类似 React 的 JavaScript UI 库,支持客户端与服务端渲染。
1.6万642JavaScriptMIT更新于 前天
用于构建交互式用户界面的 JavaScript 库,基于可组合的组件开发。
25.2万+54 本周5.2万JavaScriptMIT更新于 前天
Omi 是一个 Web Components 框架,支持 JSX、Signal 响应式、路由和 Tailwind,用于构建可复用的自定义元素。
1.3万1256TypeScriptOther更新于 15天前
一个将声明式组件编译为高效 JavaScript、精准更新 DOM 的前端编译器。
8.8万+13 本周8010JavaScriptMIT更新于 昨天
基于 React 的全栈 Web 框架,内置基于 Rust 的高速构建工具链。
14.3万+23 本周3.5万JavaScriptMIT更新于 15小时前