PreactReact 的轻量化替代方案

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