React 的轻量化替代方案 Preact

码农软件 · 软件分类 · 响应式 Web 框架 · 2019-03-12 06:12:08

软件介绍

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

本文地址:https://codercto.com/soft/d/1155.html

随意搜寻

随意搜寻

Peter Morville / 沈浩翔 / 华中科技大学出版社 / 2013-10-1 / CNY 68.00

在这个信息爆炸的年代,我们如何找到出路?在纷繁交错的信息流中,我们如何筛选出想要的信息?既然Google已经魔法般地将正确答案呈现在我们面前,为什么信息架构的方式依然重要? 《Web信息架构》的作者Peter Morville,用了10年时间回答以上问题。《随意搜寻》是 一趟奇妙的旅程,让未来触手可及:无论何时何地,我们都能找到任何人、任何东西。这本书即是路线图,也是信息时代的“玛雅预言”,......一起来看看 《随意搜寻》 这本书的介绍吧!

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具