RN Weex 的比较

Weex 、ReactNative 都是为解决App 不能及时更新、开发成本高这2个问题，而提出的解决方案。两方案解决思路基本类似，但各自方案侧重点不同

开发模板

Weex使用开源的Vue.JS,使得其DSL模板直接使用Html、CSS、JavaScript语法，学习简单，可以直接使用现有的编辑器工具开发，尤其对于前端人员来说，能够直接上手使用；
React Native 使用React模板，采用JSX语法，既在 JavaScript 代码里写着 XML 格式的代码，并且采用了CSS in JS，无形中提高了开发人员的学习成本；

跨平台开发

虽然Weex和React Native都支持跨平台开发，但实际还是有一定的区别。

Weex的目标是实现代码共用，一次开发多平台运行，能同时支持IOS、Android和Web，降低了开发难度，节约开发成本；
React Native则希望替换整个APP，所以更加注重平台的独立性，其代码需要针对IOS和Android平台编写，代码无法实现完全公用，从官方提供的组件也可以很明显的看出，
例如 ProgressBarAndroid、ProgressViewIOS等；

社区支持

Weex开源较晚，互联网上相关资料还比较少，社区规模较小；
React Native社区则比较活跃，可以参考的项目和资料也比较丰富；

总结：

从上面几点来看，对于新手来说，Weex相比React Native入门更加简单，熟悉常规Web开发的人员更能快速上手，并且能实现多平台代码共用，

但React Native相对比较成熟，有更多的案例和相关解决方法，社区相应比Weex活跃

Weex 目标编写一次页面，三端运行（仅限于页面绘制），RN 提供一整套APP 方案，可以适配Android & iOS

从使用者角度，比较两种优秀框架，如下：

对比项	WEEX	RN
文档完整性	一般	良好
框架成熟度	一般	良好（也有很多坑）
内置组件和模块	一般	多
扩展能力	强	强
双向通信能力	一般	一般
学习成本	易	难（门槛高，学习成本大）
适用场景	动态化页面（专注于页面）	重构APP实现方式
HTML5支持能力	部分	不支持（独立一套标准）
设备适配	一般	一般
部署难易	易	易
社区支持	弱	强
页面效率和性能	高	一般（长页面效率更差）

参考资料：

http://blog.csdn.net/aptentity/article/details/68488585

https://zhuanlan.zhihu.com/p/21677103

RN Weex 的比较相关推荐

Flutter、RN、uni-app比较
每当我们评估新技术时要问的第一个问题就是"它会给我们的业务和客户带来哪些价值?",工程师们很容易对闪闪发光的新事物着迷,却经常会忽略这些新事物其实可能对我们的客户没有任何好处,反而 ...
关于跨平台开发的方案路线选择？来看看flutter、rn和uni-app方案的比较吧
本文是转载于DCloud社区里开源作者DCloud_heavensoft 一篇关于对跨平台开发技术路线方案比较的文章,分别对现今较为热门的跨平台方案flutter.react native.uni-a ...
RN、Flutter、Uni-app APP框架对比
RN.Flutter.Uni-app APP框架对比框架背景介绍 Flutter Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动.W ...
Weex ReactNative JSPatch
在微博上看到一篇绝赞的文章 Weex&ReactNative对比绝对值得强烈推荐,我想写这篇文章的原因就是因为看了这篇文章觉得太棒了!前一阵子我自己确实有比较深入的拆解分析ReactNati ...
iOS 组件化 —— 路由设计思路分析
原文前言随着用户的需求越来越多,对App的用户体验也变的要求越来越高.为了更好的应对各种需求,开发人员从软件工程的角度,将App架构由原来简单的MVC变成MVVM,VIPER等复杂架构.更换适合业 ...
为什么你做的H5开屏那么慢？H5首屏秒开方案探讨
越来越多的APP内业务使用H5的方式实现,怎样让H5页面启动更快是很多人在探索的技术点,本文梳理了启动过程中的各个点,分别从前端和客户端角度去探讨有哪些优化方案,供大家参考. 随着移动设备性能不断增强 ...
轻松 Flutter 入门，秒变大前端
本文作者:dickma,腾讯 IEG 前端开发工程师本文不是Flutter的教程,只是对 Flutter 的技术特性,做了一些略全面的入门级的介绍,如果你听说过Flutter,想去了解他,但是又不想 ...
React学习笔记（持续更新）
2.2页面加载过程 1.资源加载过程:URL->DNS查询->资源请求->浏览器解析 ①URL结构:http://www.hhh.com:80/getdata?pid=1#title ...
干货|Flutter 原理与闲鱼深度实践
王康(正物)-- Flutter 官方成员阿里巴巴技术专家,之前主要负责 Flutter 在闲鱼中的混合开发体系,目前重点关注 Flutter 深入度以及生态相关的工作.本文将分享三方面内容, Fl ...

RN Weex 的比较

从使用者角度，比较两种优秀框架，如下：

RN Weex 的比较相关推荐

最新文章

热门文章