使用 Preact 作为 React 的替代品

Preact是虚拟 DOM 组件范例的实现，就像 React 和许多其他类似的库一样。与React不同，它的大小只有3KB，而且在速度方面也胜过它。它由 Jason Miller 创建，可在众所周知的宽松和开源 MIT 许可证下使用。 Backward Skip 10s Play Video Forward Skip 10s 为什么使用 Preact？ 预反应标志Preact 是 React 的轻量级版本。如果您喜欢使用 React 构建视图，但性能、速度和大小是您的首要任务（例如，在移动 Web 应用程序或渐进式 Web 应用程序的情况下），您可能更喜欢使用 Preact 作为轻量级替代方案。 无论您是开始一个新项目还是开发现有项目，Preact 都可以为您节省大量时间。你不需要重新发明轮子来尝试学习一个新的库，因为它与 React 相似并且兼容——以至于你可以使用现有的 React 包，只需要一些别名，这要归功于兼容性层preact-compat。 优点和缺点 React 和 Preact 有很多区别，我们可以总结为三点： 功能和 API：Preact 仅包含 React API 的子集，而不是 React 中的所有可用功能。 大小：Preact 比 React 小得多。



性能：Preact 比 React 更快。 每个库都有自己的优点和缺点，只有您的优先级可以帮助您决定哪个库最适合您的下一个项目。在本节中，我将尝试列出这两个库的优缺点。 Preact 优点 Preact 比 React 轻量级、更小（gzip 压缩后大小仅为 3KB）并且速度更快（请参 WhatsApp 号码数据 阅这些测试）。您还可以通过此链接在浏览器中运行性能测试。 Preact 与 React 很大程度上兼容，并且具有与 React 相同的 ES6 API，这使得您可以轻松地采用 Preact 作为在项目中构建用户界面的新库，或者出于性能原因将 React 与 Preact 替换为现有项目。 它在官方网站上提供了很好的文档和示例。 它有一个强大的官方 CLI，可以快速创建新的 Preact 项目，无需 Webpack 和 Babel 配置的麻烦。 许多功能的灵感来自于 React 上已经完成的所有工作。 它还拥有自己的一组独立于 React 的高级功能，例如Linked State。 反应优点 React 支持单向数据绑定。 它得到了 Facebook 大公司的支持。 官方网站和网络上有很好的文档、示例和教程。 大社区。 用于 Facebook 网站，该网站在全球拥有数百万访问者。




有自己的 Chrome 官方开发者调试工具扩展。 它具有 Create React App 项目样板，可用于快速创建零配置的项目。 它有一个架构良好且复杂的代码库。 反应缺点 与 Preact 或其他现有的类似库相比，React 的规模相对较大。（React 缩小后的源文件大小约为 136KB，缩小并压缩后约为 42KB。） 它比 Preact 慢。 由于其复杂的代码库，新手开发人员很难做出贡献。 注意：我在撰写本文时列出的另一个缺点是 React 有与 BSD 许可证配对的授权专利条款，这使得它在法律上不适合某些用例。然而，2017 年 9 月，React 许可证切换到 MIT，解决了这些许可证问题。 预反应的缺点 Preact 仅支持无状态功能组件和 ES6 基于类的组件定义，因此没有createClass。 不支持上下文。 不支持 React propTypes。 比 React 更小的社区。 Preact CLI 入门 Preact CLI 是由 Preact 的作者 Jason Miller 创建的命令行工具。它使创建新的 Preact 项目变得非常容易，而不会陷入配置复杂性的困境g preact-cli@latest 假设您的本地开发计算机上安装了 Node 和 NPM，这将安装最新版本的 Preact CLI 。