React 的轻量化替代方案 Preact

React 的轻量化替代方案 Preact

MIT
JavaScript 查看源码»
跨平台
2017-02-10
达尔文

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
);
加载中

评论(23)

小萌翔
小萌翔
在用,搭配preact-compact还可以
Skyogo
Skyogo
一般吧
凡羊羊
凡羊羊
然后组件太少,自己构建组建的又费时费力
xiaoVVV
xiaoVVV
留一个阿里云免费优惠券->http://izhuanyer.com
开源中国首席地球人
开源中国首席地球人
原来这是因为facebook的专利许可才另外造一个轮子
HeyunLucky
HeyunLucky
然并软
董家二少
董家二少
然并卵
D
DUX
然并卵 继续 vue
沙发迪
沙发迪
然并软
开源中国刘德华
开源中国刘德华
前端层出不穷,天天搞这种那种,难道前端只能停留在这种水平上?

暂无资讯

暂无问答

2016 年 Web 开发工具新生热门榜

摘要:本文整理了 2016 年开源的几款 Web 开发工具,它们在发布不到一年的时间内,在 Github 的 Star 数量就突破了 1.5K。 依赖管理 Yarn:Facebook 的 Javascript 包管理器。提供快速,可靠...

2016/12/28 20:47
7.8K
11
推荐 9 个样式化组件的 React UI 库

简评:喜欢 CSS in JS 吗?本文将介绍一些使用样式组件所构建的 React UI 库,相信你会很感兴趣的。 在 React 社区,对 UI 组件进行样式化的讨论逐步从 CSS 模块到内联 CSS 再到 CSS in JS,...

11/06 12:16
439
0
vue开源项目

包括一些ui库和比较完整的小项目。ui库会对主要的单选框,多选框,级联选择器,滑块,日期/时间选择器,进度条,分页,弹框,通知,导航菜单,步骤条等截图比较 写在前面的 评价纯属个人主观...

09/12 00:36
10.9K
52
Vue 源码全方位剖析

前言 随着这几年前端的快速发展,页面中需要实现的功能越来越复杂,DOM操作频繁,使用传统的jQuery库去频繁操作DOM时不仅消耗性能,而且各种DOM绑定后期维护时简直是一场噩梦,在开发大型项目...

09/12 17:33
56
0
2018 前端性能优化清单(转载)

2018 前端性能优化清单 转载自 https://juejin.im/post/5a966bd16fb9a0635172a50a 前言:这篇文章我在掘金翻译计划中跟着一起翻译的文章(感谢掘金翻译),我翻译了第三部分,然后校对了第二...

08/12 19:56
55
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部