什么是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对比图:


其优越点有了这两张图即可一目了然,显然Hybrid 开发带来了很大的方便。
怎样在项目中使用Hybrid App 开发?
想要在项目中使用Hybrid App开发必然要先了解下支持Hybrid App开发的开源框架。
Ionic
Ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html,css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJs的优化。Ionic会是一个可以信赖的框架。

详细了解:http://www.ionic.wang/start-index.html
React
React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等。

React Native的理解以及优缺:
比较详细可以看这个http://div.io/topic/851
查看资料:
使用ionic框架开发移动hybrid应用
我对 React Native 的理解和看法
Dcloud 分析
网友评论