[js]【转】腾讯发布前端组件框架 Omi

楼主^#

更多发布于：2018-10-18 16:51

图片：1.jpg

特性

4KB 的代码尺寸，比小更小
顺势而为，顺从浏览器的发展和 API 设计
Webcomponents + JSX 相互融合为一个框架 Omi
Webcomponents 也可以数据驱动视图, UI = fn(data)
JSX 是开发体验最棒(智能提示)、语法噪音最少的 UI 表达式
独创的 Path Updating 机制，基于 Proxy 全自动化的精准更新，功耗低，自由度高，性能卓越，方便集成 requestIdleCallback
使用 store 系统不需要调用 this.udpate，它会自动化按需更新局部视图
看看Facebook React 和 Web Components对比优势，Omi 融合了各自的优点，而且给开发者自由的选择喜爱的方式
Shadom DOM 与 Virtual DOM 融合，Omi 既使用了虚拟 DOM，也是使用真实 Shadom DOM，让视图更新更准确更迅速
类似 WeStore 体系，99.9% 的项目不需要什么时间旅行,也不仅仅 redux 能时间旅行,请不要上来就 redux，Omi store 体系可以满足所有项目
局部 CSS 最佳解决方案(Shadow DOM)，社区为局部 CSS 折腾了不少框架和库(使用js或json写样式，如:Radium，jsxstyle，react-style；与webpack绑定使用生成独特的className文件名—类名—hash值，如：CSS Modules，Vue)，都是 hack 技术；Shadow DOM Style 是最完美的方案

对比同样开发 TodoApp， Omi 和 React 渲染完的 DOM 结构:

图片：3.jpg

图片：4.jpg

左(上)边是Omi，右(下)边是 React，Omi 使用 Shadow DOM 隔离样式和语义化结构。
想了解更多的，点击 https://github.com/Tencent/omi

知识需要管理，知识需要分享

发帖回复

您需要登录后才可以回帖，登录或者注册

公众号