<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>实现STB(Set Top Box)端React。</p>

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

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

**技术支持：**

- 核心源码基于 preact@8.4.2
- 描述文件基于 preact@8.3.1

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

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

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

## 更新日志

- 扩展 JSX tag 属性，取值 "focus" ✅
- 扩展 JSX alias 属性 ✅
- 扩展组件 identCode 属性
- 扩展组件 event 对象
- 扩展组件 index 属性
- 扩展组件 subscribeToEvents 事件
- 扩展组件 onfocus 事件
- 扩展组件 onblur 事件
- 扩展组件 onkeydown 事件
- 扩展组件 target 事件
- 扩展组件 trigger 事件

## Sponsors

支持我们，并帮助我们继续我们的活动。

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