本文概述
- 什么是Preact?
- 从React转变为Preact
- 使用Preact进行调试
- 贡献于行为
什么是Preact?Preact是具有相同ES6 API的非常快速的React替代方案, 可以处理组件, 虚拟DOM, 并且仅重3KB。如果你担心React的大小和性能, 应该考虑使用Preact作为” 克隆库” , 该库声称具有更好的性能, 而且它非常轻巧。
Preact导出通用的Component类, 可以将其扩展以构建用户界面的封装的, 自更新的片段。组件支持所有标准的React生命周期方法, 例如shouldComponentUpdate()和componentWillReceiveProps()。提供这些方法的特定实现是控制组件更新时间和方式的首选机制。
从React转变为PreactReact最重要的一点是组件完成的出色工作。你可以随时随地在任何项目中使用它。尽管并非所有的React组件都与Preact兼容, 但是可以使用React兼容性层使其兼容。令人惊讶的是, 你需要做的就是安装preact和preact-compat, 删除react和add是Webpack中的别名, 仅此而已。
这是Preact最令人敬畏的功能之一, 因为如前所述, 这是一个示例项目, 该示例项目使用preact-compat与未修改的现有React库一起工作, 实现了超过95%的缩减(这是很多伙伴)。我们确信, 如果你真的在乎应用程序捆绑包的大小, 那么现在你的BFF就可以成为现实。值得一提的是, 如果你愿意从现有的React项目迁移到Preact, 则需要确保在切换之前对应用进行全面测试, 因为你可能会丢失React的某些功能(可以通过React的性能得到补偿)应用本身)。 Preact不尝试包含React的每个功能的原因是为了保持小巧和专注-否则, 简单地将优化提交给React项目就更有意义了, 该项目已经是一个非常复杂且结构良好的代码库。
使用Preact进行调试【Preact(具有相同ES6 API的3KB快速ReactJS替代方案)】你可以使用React Developer Tools浏览器扩展在运行时检查和修改Preact UI组件的状态。
- 安装React Developer Tools扩展
- 在你的应用程序中导入” preact / devtools” 模块
- 重新加载并转到浏览器开发工具中的” 反应” 标签
推荐阅读
- GD(无需编码技能的开源HTML5和本机游戏创建者)
- 使用DeliciousToast库在Android中显示更好的Toast
- 如何在Android中实现表情符号(SmileyRating)等级栏
- 如何处理Electron Framework中的”拖放文件”功能
- 如何在Electron Framework中使用React Dev Tools
- Matreshka.js(创建单页应用程序的简单JavaScript框架)
- Prepack(用于JavaScript的部分评估程序,可生成有效的JavaScript)
- Carbon(创建和共享代码段精美图片的在线工具)
- Keeweb(与KeePass兼容的免费跨平台密码管理器)