浅谈ionic和rn的区别

ionic react-native native 优劣势对比

IONIC是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。Ionic框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。

React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应用程序产品中使用了 React Native，并将继续为 React Native 投资。

native就是使用使用原生java objective-c 开发， 各玩各的,无法跨平台。

优劣对比

ionic ：

优势：

ios 和 android 基本上可以共用代码，纯web思维，开发速度快，简单方便，一次编码，到处运行，如果熟悉web开发，则开发难度较低。

文档很全，系统级支持封装较好，所有UI组件都是有html模拟，可以统一使用。 可实现在线更新 允许加载动态加载web js，文档多，开发者多，视频教程多，容易学习   ，遇到问题容易解决 ，技术成熟。

劣势：

占用内存高一些（不过手机内存都大了不影响），不适合做游戏类型app，   web技术无法解决一切问题，对于比较耗性能的地方无法利用native的思维实现优势互补，如高体验的交互，动画等。

react-native ：

优势：

        1、虽然不能做到一处编码到处运行，但是基本上即使是两套代码，也是相同的jsx语法，使用js进行开发。用户体验，高于html，开发效率较高 2、flexbox 布局 据说比native的自适应布局更加简单高效，可实现在线更新 2015.7.28 AppStore审核政策调整：允许运行于JavascriptCore的动态加载代码，更贴近原生开发。

劣势：

        1、对开发人员要求较高，不是懂点web技术就行的，当官方封装的控件、api无法满       足需求时 就必然需要懂一些native的东西去扩展，扩展性仍然远远不如web，也远远不如   直接写Native code。

        2、官方说得很隐晦：learn once, write anywhere。人家可没说run anywhere。事实上，从官方的api来看SliderIOS，SwitchIOS..等等这些控件，之后势必会出现SliderAndroid，SwitchAndroid...，也就是很可能针对不同的平台会需要写多套代码。

        3、发展还不成熟，目前很多ui组件只有ios的实现，android的需要自己实现。从Native到Web，要做很多概念转换，势必造成双方都要妥协。比如web要用一套CSS的阉割版，Native通过css-layout拿到最终样式再转换成native原生的表达方式（比如iOS的Constraint\origin\Center等属性），再比如动画。另外，若Android和iOS都要做相同的封装，概念转换就更复杂 5、文档还不够完整 学习曲线偏高

        4.文档少  学习起来困难

native ：

优势：

        最好的体验以及功能实现。

        完善成熟的开发文档以及demo。

劣势：

        android开发学习曲线较高。

       各个平台分开开发 很难有iOS,android双平台高手。

       开发成本高  开发周期长