User:Dntzhang/sandbox

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

 * Omi Github
 * omijs.org