<p align="center">
<a href="" target="_blank">
	
![Preact](https://raw.githubusercontent.com/developit/preact/8b0bcc927995c188eca83cba30fbc83491cc0b2f/logo.svg?sanitize=true "Preact")

</a>
</p>
<p align="center">使用相同的现代API 快速<b>3KB</b>替代React。</p>

**Virtual DOM 组件的所有功能：**

- 熟悉的 React API 和模式：ES6 类和功能组件
- 通过简单的 preact-compat 别名实现广泛的 React 兼容性
- 你需要的一切：JSX，VDOM，React DevTools，HMR，SSR ..
- 高度优化的差异算法和无缝的服务器端渲染
- 使用可插拔调度程序的透明异步呈现

### 💁 Preact 网站上的 [Preact Website ➞](https://preactjs.com)

Preact 会调用以下生命周期方法：

| 生命周期方法                | 当它被调用时                         |
| --------------------------- | ------------------------------------ |
| `componentWillMount`        | 在组件挂载到 DOM 之前                |
| `componentDidMount`         | 在组件被挂载到 DOM 之后              |
| `componentWillUnmount`      | 在从 DOM 中删除之前                  |
| `componentWillReceiveProps` | 在新道具被接受之前                   |
| `shouldComponentUpdate`     | 在`render()`之前返回 `false`跳过渲染 |
| `componentWillUpdate`       | `render()` 之前                      |
| `componentDidUpdate`        | `render()` 之后                      |

## Sponsors

支持我们每月捐款，并帮助我们继续我们的活动。

<!--
<a href="https://opencollective.com/preact/sponsor/0/website" target="_blank"><img src="https://opencollective.com/preact/sponsor/0/avatar.svg"></a> -->
