美文网首页
React Native WEEX技术调研

React Native WEEX技术调研

作者: 詹徐照 | 来源:发表于2018-09-16 22:39 被阅读47次

    一、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

    ReactNative contributions ​

    WEEX contributions

    WEEX contributions ​

    都有哪些App在用这两种技术

    https://facebook.github.io/react-native/showcase.html

    image ​ ​ image

    多维度比较

    image

    业界口碑

    如今Weex与ReactNative哪个好
    95%一边倒,RN好。主要理由:
    支持力度:RN Facebook大力支持。Weex 阿里支持,力度不大。
    社区:RN社区更完善,文档更好,问题更容易在网上找到解决方案。

    image ​

    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都不用安装。

    1. node下载地址:https://nodejs.org/en/download/
    2. 依次执行以下命令(有的地方读条可能比较久,网速好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深入体验的文章。

    相关文章

      网友评论

          本文标题:React Native WEEX技术调研

          本文链接:https://www.haomeiwen.com/subject/jkomwftx.html