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

**Decorator 组件的所有功能：**

- 开箱即用的： focus 装饰器
- 通过简单的继承 Logic 实现翻页数据滚动逻辑

**技术支持：**

- 核心思想源于 TypeScript 装饰器概念

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

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

## 更新日志

- ✅ focus - 焦点装饰器

## Sponsors

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

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