React 的轻量化替代方案 Preact
- 授权协议: MIT
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: https://preactjs.com/
- 软件文档: https://preactjs.com/guide/getting-started
- 官方下载: https://github.com/developit/preact/releases
软件介绍
Preact 是 React 的轻量化替代方案,仅有 3KB。并且提供了相同的 ES6 API,还具有组件和 Virtual DOM。
具有以下特性:
更接近于实质:Preact 在 DOM 上实现一个可能是最薄的一层虚拟 DOM 实现。
小体积:这将意味可以下载更少的 JavaScript 代码,解析和执行 —— 为您的代码节省更多的时间。
高性能:不仅是因为他的体积,还因为一个简单和可预测的 diff 实现,使它成为最快的虚拟 DOM 框架之一。
轻量 & 可嵌入:使用 Preact 构建应用程序的各个部分,而无需复杂的集成。将 Preact 嵌入到窗口小部件中并应用相同的工具或技术,你将可以构建一个完整的应用程序。
生态系统兼容:可以无缝使用 React 生态系统中可用的数千个组件。
示例代码:
获取 Github Stars
export default class Stars extends Component {
async componentDidMount() {
let stars = await githubStars(this.props.repo);
this.setState({ stars });
}
render({ repo }, { stars=0 }) {
let url = `//github.com/${repo}`;
return (
<a href={url} class="stars">
⭐️ {stars} Stars
</a>
);
}
}运行例子
import Stars from './stars'; render( <Stars repo="developit/preact" />, document.body );
