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
);
的码云指数为
超过 的项目
加载中

评论(24)

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

暂无资讯

暂无问答

基于React实现的【绿色版电子书阅读器】,支持离线下载

代码地址如下:<br>http://www.demodashi.com/demo/12052.html MyReader 绿色版电子书阅读器 在线地址:http://myreader.linxins.com 手机扫码体验: 目录索引 store的设计与实现 阅读器 书架...

2018/03/05 17:17
26
0
Scene.js 库:CSS创建动画基于时间轴的动画

Scene.js 是一个基于 JavaScript 时间轴的动画库,用于创建动画网站,作为一个动画时间轴库,它允许你创建对象的移动和位置的时间顺序。 此外,由于 Scene.js 的语法类似于 CSS 动画,同时还...

2019/07/02 16:24
315
2
GMTC全球大前端技术大会-未来已来

GMTC-2019北京 GMTC这次的大会的热词肯定是监控、性能,当然跨平台依然是热点,write once,run anywhere!,以下是自己参加的总结心得。 6.20上午 前端的演化 核心理念:结构+样式+表现分离 -2...

2019/06/22 23:18
37
0
从 0 到 1 实现 React 系列 —— 1.JSX 和 Virtual DOM

看源码一个痛处是会陷进理不顺主干的困局中,本系列文章在实现一个 (x)react 的同时理顺 React 框架的主干内容(JSX/虚拟DOM/组件/生命周期/diff算法/setState/ref/...) 从 0 到 1 实现 Reac...

2018/07/06 16:22
35
0
从 0 到 1 实现 React 系列 —— 3.生命周期和 diff 算法

看源码一个痛处是会陷进理不顺主干的困局中,本系列文章在实现一个 (x)react 的同时理顺 React 框架的主干内容(JSX/虚拟DOM/组件/生命周期/diff算法/setState/ref/...) 从 0 到 1 实现 Reac...

2018/07/27 09:05
7
0
基于 Hexo + GitHub Pages 搭建个人博客(三)

这个系列我们前面已经更新了两篇,点击下列链接可直接访问: 基于 Hexo + GitHub Pages 搭建个人博客(一) 基于 Hexo + GitHub Pages 搭建个人博客(二) 一、添加扫描二维码关注功能 打开 ...

2018/04/22 23:46
21
0
Headless Chrome:服务端渲染JS站点的一个方案【上篇】【翻译】

原文链接:https://developers.google.com/web/tools/puppeteer/articles/ssr 注:由于英文水平有限,没有逐字翻译,可以选择直接阅读原文 tips:Headless浏览器完全可以作为服务端渲染的一个...

2018/04/19 15:19
26
0
从 0 到 1 实现 React 系列 —— 5.PureComponent 实现 && HOC 探幽

本系列文章在实现一个 cpreact 的同时帮助大家理顺 React 框架的核心内容(JSX/虚拟DOM/组件/生命周期/diff算法/setState/PureComponent/HOC/...) 项目地址 从 0 到 1 实现 React 系列 —— ...

2018/08/27 12:10
14
0
Hexo瞎折腾系列(8) - 添加评论系统

前言 Hexo的NexT主题本身就集成了一些评论系统,多说啊之类的已经关闭服务的略过不提,目前比较多人用的有畅言、来必力livere、Gitment、Gitalk、Disqus等。 我刚用的评论系统的时候,网易云...

2019/05/07 23:50
32
0
react+dva+antd+umi项目建立操作流程及知识点总结

0.1 引用 0.1.1 react官网 0.1.2 dva官网 0.1.3 antd-mobile官网 0.1.4 umijs官网 0.1.5 转载文章-umi操作手册 一、what are these? 1.1 react.js React 是一个声明式,高效且灵活的用于构建...

2019/10/12 16:33
83
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部