Repolode
preactjs

preactjs/preact

一个约 4kB 的快速 React 替代库,保留相同的现代组件 API,基于 Virtual DOM。

可替代:React

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. 1

    从 npm 安装 Preact

    npm install preact
  2. 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 数据每日更新。

相关项目