React Native Weex 区别

2019独角兽企业重金招聘Python工程师标准>>>

JS引擎

Weex使用V8，

React native使用JSCore

JS开发框架（ Js Framework ）

Weex基于vue.js(2W+ star)。小巧轻量的前端开发框架，组件化，数据绑定，2.0引入virtual dom。

ReactNative使用React(4W+ star)。革命性的前端开发框架，组件化，数据绑定，virtual dom。

学习成本

React模板JSX学习使用有一定的成本，vue更接近常用的web开发方式，模板就是普通的html，数据绑定使用mustache风格，样式直接使用css

支持的平台：

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

Weex的目标是实现代码共用，一次开发多平台运行，能同时支持IOS、Android和Web，降低了开发难度，节约开发成本；

React Native则希望替换整个APP，所以更加注重平台的独立性，其代码需要针对IOS和Android平台编写，代码无法实现完全公用，从官方提供的组件也可以很明显的看出，例如ProgressBarAndroid、ProgressViewIOS等；

核心理念：

Weex：

Write Once Run Everywhere

只需要编写一份代码，然后打包即可运行在Web、iOS、Android；

React native：

LEARN ONCE, WRITE ANYWHERE

需针对iOS、Android编写2份代码，但是可以共用的代码很多；

性能：

不能说 React native不注重性能，只是Weex的性能比React native更加优秀

相同点：

都可以实现hot reload，边更新代码边查看效果

布局都是基于flexbox

都采用Web的开发模式，使用JS开发

都是支持iOS和Android

渲染机制都是Virtual DOM

总结：

React Native相对来说比较成熟，社区成熟、文档成熟，Weex开源较晚，互联网上相关资料还比较少，社区规模较小，所以学习的路上踩的坑会比较多；

转载于:https://my.oschina.net/u/560237/blog/1833328

React Native Weex 区别相关推荐

最火移动端跨平台方案盘点：React Native、weex、Flutter
本文原文由"恋猫月亮"原创发布,原题为<移动端跨平台开发的深度解析>,本次重新整理后,为了优化阅读体验,内容略有改动,感谢原作者的无私分享. 1.前言跨平台一直是老生 ...
什么是 Native、Web App、Hybrid、React Native和Weex？
一句话概要 Native.Web App.Hybrid.React Native(后面以RN简称).Weex 间的异同点,后期同步小程序和PWA. App常用开发模式简介此处App为应用,appli ...
什么是 Native、Web App、Hybrid、React Native 和 Weex？
(点击上方公众号,可快速关注) 来源:zwwill_木羽 segmentfault.com/a/1190000011154120 一句话概要 Native.Web App.Hybrid.React N ...
React Native之(var和let区别 )(简单解构)(map对象遍历)(可变顺序参数和不可以变顺序参数函数)
1 var和let区别 let左右范围在块里面,var定义的变量可提升,用let声明的变量不可以声明2次 2 简单解构 let [a, b, c] = [1, 2, 3]; 3 map对象遍历 co ...
在React / React Native中使用构造函数与getInitialState有什么区别？
本文翻译自:What is the difference between using constructor vs getInitialState in React / React Native? I ...
Flutter 、Vue、React Native 、Weex哪个好
跨平台项目GSYGithubApp系列三大开源版本比较(Flutter .React Native .Weex) vue react angularjs这三个是同一类型,是js框架,框架的目的是简化开 ...
app端前端框架对比 - Mui与ionic、Cordova 、Weex、React Native对比
1.1.1.介绍: mui是最接近原生App体验的前端框架. 极小:100k的js文件,60k的css文件.原生编写,不依赖任何三方框架极强:xcode和Android studio里所有原生控件都 ...
React Native在美团外卖客户端的实践
MRN简介 MRN(Meituan React Native) 是基于开源的React Native框架改造并完善而成的一套动态化方案,在开发体验上基本能与原生RN保持一致,同时从业务需求的角度满足从 ...
React Native 移动开发入门与实战
课程简介本课程主要讲解 React 的基础知识及应用案例,包括 props.state.生命周期函数等,样式和 Flex 布局,React Native 内置的 API 和 UI 组件介绍.路由.状 ...

React Native Weex 区别

React Native Weex 区别相关推荐

最新文章

热门文章