一、React Native、Weex对比
React Native是啥?
Build native mobile apps using JavaScript and React
React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components.
Weex是啥?
Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。
Weex 致力于使开发者能基于当代先进的 Web 开发技术,使用同一套代码来构建 Android、iOS 和 Web 应用。具体来讲,在集成了 WeexSDK 之后,你可以使用 JavaScript 和现代流行的前端框架来开发移动应用。
Weex 的结构是解耦的,渲染引擎与语法层是分开的,也不依赖任何特定的前端框架,目前主要支持 Vue.js 和 Rax 这两个前端框架。
React Native、Weex哪个好?
Git 数据
ReactNative contributions
WEEX contributions
都有哪些App在用这两种技术
https://facebook.github.io/react-native/showcase.html
多维度比较
image
业界口碑
如今Weex与ReactNative哪个好
95%一边倒,RN好。主要理由:
支持力度:RN Facebook大力支持。Weex 阿里支持,力度不大。
社区:RN社区更完善,文档更好,问题更容易在网上找到解决方案。
WEEX、React-Native开发App心得
WEEX:weex官方提供的文档在windows下直接搭建开发环境很难一次点亮,文档也是一如既往的烂。
React Native:文档美如画、上手体验快如狗。社区、视频、教程也多如牛毛,就不一一列举。
总结
WEEX原由阿里开发,现已转交给Apache管理,git commit 频率下降明显。
React Native 由Facebook开发至今,历史更为悠久,且git commit一直非常频繁、稳定。所以两者相比的话,React Native 优势十分明显。
React Native 上手体验
1. Hello World
装好node后,照着官方文档,4行命令即可运行起来hello world,IDE都不用安装。
- node下载地址:https://nodejs.org/en/download/
-
依次执行以下命令(有的地方读条可能比较久,网速好3-5分钟)
npm install -g create-react-native-app
create-react-native-app AwesomeProject
cd AwesomeProject
npm start
执行完最后的npm start后,会看到如下界面
image.png
输入a可以在手机或虚拟器上运行代码。
手机在Google Play上下载安装完Expo后,可以扫码预览效果。
通过txt编辑器编辑工程目录下的App.js,保存后2-3秒后便可在手机上看到效果。
以上是React Native的简单上手体验,后续将会提供React Native深入体验的文章。
网友评论