[前端] 組件框架: omi

omi
https://github.com/Tencent/omi

通用 Web 組件化框架 Omi 正式開源
https://cloud.tencent.com/developer/news/212913

Web組件化框架Omi顛覆式升級 全面擁抱Web
https://cloud.tencent.com/developer/article/1354905

Omi教程 - 傳遞javascript運算式
https://juejin.im/post/58d092cb570c350058b1b491

Omi 基於 preact 二次開發,把 preact 的 dom 模組更加抽象了針對流覽器和向 native 發指令。相對於 react,preact 代碼尺寸更小,速度更快,jsx裡的約定更貼合web的習慣,通過 preact compat 幾乎百分百相容react,在一些方面還在走在 react 前面 ,preact 沒有自己實現事件體系,內部直接 addEventListener 實現,這也是性能出眾和尺度極小的原因之一。Omi 從 3.0 開始基於 preact 二次開發,完全可以共用 preact 和 react 的生態,也有了自己獨特的風格和優勢。

Omi 是騰訊開源的通用 Web 元件化框,在最近的一次版本發佈中,Omi 進行了顛覆式升級,全面擁抱 Web Components。
Web Components 包括四項規範,包括 CustomElement、Shadow DOM、Template、HTML Import 四種技術規範標準。

Omi 框架使用了其中最為重要的 Custom Element 和 ShadowDOM 能力,Template 使用語法噪音最小程式設計體驗最好的 JSX 來替代作為 UI 結構的運算式,HTML Import 使用 Webpack 或者其他任意流行打包工具來替代。


#Omi, Tencent, preact, react, CustomElement, Shadow DOM, Template, HTML Import

留言