User:Dntzhang/sandbox

Omi.js
Original author(s)	dntzhang (张磊)
Stable release	5.0.4
Written in	JavaScript
Platform	Cross-platform
Size	4 KB gzip;
Type	JavaScript framework
License	MIT License
Website	https://github.com/Tencent/omi

What's Omi?

Tiny size. (4kb gzipped)
Supports TypeScript.
Reactive data-binding
Supports MVVM
Enhanced CSS, rpx unit support base on **750** screen width
Based on Shadow DOM
Easy to debug via Omi DevTools Extension [Install from Chrome WebStore]
Compliance with browser trend and API design.
Merge Web Components and JSX into one framework.
Built in observe feature (No need to call `this.update()`).
Web Components can also be a data-driven view, UI = fn(data).
JSX is the best development experience (code intelligent completion and tip) UI Expression with least [grammatical noise](https://github.com/facebook/jsx#why-not-template-literals) and it's turing complete(template engine is not, es template string is but grammatical noise is too loud).
The original **Path Updating** system. Proxy-based automatic **accurate** update, **low power consumption**, high degree of freedom, excellent performance, easy integration of `requestIdleCallback`
Say goodbye to `this.update` method when using **store system**! It will automatically update UI partially when data is changed.
Look at Facebook React vs Web Components，Omi **combines their advantages** and gives developers the **freedom to choose the way they like**.
**Shadow DOM merges with Virtual DOM**, Omi uses both virtual DOM and real Shadow DOM to make view updates more accurate and faster.
With a Store system, 99.9% of projects don't need time travel, and not only Redux can travel, please don't come up on Redux, Omi store system can meet all projects
**Scoped CSS**'s best solution is **Shadow DOM**, the community churning out frameworks and libraries for Scoped CSS (using JS or JSON writing styles such as Radium, jsxstyle, react-style; binding to webpack using generated unique `className` `filename-classname-hash`, such as CSS Modules, Vue), are hack technologies; _and Shadow DOM Style is the perfect solution_.

Links

References

Category:JavaScript web frameworks Frameworks Category:Web development Category:Software frameworks Category:Computer-related introductions in 2014