从Native App 到 Hybrid App

什么是Native App？什么是Hybrid App？

• Native App（原生APP开发模式），像iOS，Android单语言开发。
• Hybrid App（混合App开发模式），部分代码以WEB技术编程，部分代码由某些Native Container承担（例如PhonGAP插件，BAE插件），其目的是在HTML5尚未完全支持Device API和Network API的目前阶段，承担这部分职责。

那么介绍完这两个名词后，我们先上两张Web App，Hybrid App，Native App对比图：

---

webapp，hybridapp，nativeapp对比.png

native，html5,hybrid对比.png

其优越点有了这两张图即可一目了然，显然Hybrid 开发带来了很大的方便。

怎样在项目中使用Hybrid App 开发？

想要在项目中使用Hybrid App开发必然要先了解下支持Hybrid App开发的开源框架。

Ionic

Ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html，css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJs的优化。Ionic会是一个可以信赖的框架。

Ionic.png

详细了解：http://www.ionic.wang/start-index.html

React

React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。

React Native.png

React Native的理解以及优缺：
比较详细可以看这个 http://div.io/topic/851

查看资料：
使用ionic框架开发移动hybrid应用
我对 React Native 的理解和看法
Dcloud 分析