为了账号安全,请及时绑定邮箱和手机立即绑定

React Native的好处和应用

标签:
Android

很多公司开发安卓和ios都用原生 Native 代码,不同平台代码没有交集。但是对于产品同样一个需求,需要两个team来实现成本比较高,而且需要比较大的测试资源,还有就是功能上线下线麻烦,热更新技术有局限性。

h5-web

Android和ios中的web-h5技术可以通过内嵌页、外链页达到多端统一,客户端实现手段:webview+URL,但是web-h5技术内存占用大,cpu占用高,有不少bug,用户体验一般,webview对于js dom的渲染能力差。所以这种技术只能解决部分痛点,并且没能达到我们想要的效果。我们想要的是在用户体验一致的前提下完全解放客户端开发,满足产品想要的东西

React Native

React,是由Facebook于2013年推出的一个JS开发框架。原因是Facebook的前端技术人员觉得市面上的所有JS框架都很垃圾,所以就自己发明了一套,结果发现意外的好用,然后就开源了。
由于React的设计思想在当时过于超前,性能出众,组合自由,语言设计和逻辑设计又十分简单,能大大减少前端开发的时间。所以得到了越来越多的人的关注和使用,成为了主流WEB开发框架之一。
随着越来越多的功能和生态的加入,React慢慢成为了前后端通吃的WEB解决方案,并且社区繁荣,使用之广。2015年,Facebook突然觉得React可以作为客户端UI开发框架,因此发布了React Native。
RN是由Facebook于2015年发布的,他是React的Native版本,旨在通过JS来开发客户端界面和逻辑,节省成本和时间,达到一个代码,多端通用的目的,经过2年的发展,RN的性能得到大幅提升,目前已经能与原生媲美,社区繁荣。

React Native好处

  • 一行代码,多端运行。
  • Learn once,write anywhere.
  • 我们认为RN是MVC结构中的V,少量C和M。

React Native实现

底层通过C++统一实现,对外封装Java、Objective-C,对内封装JS,通过JSBridge实现JS-native的通信,实现线程模型等。自己的绘制线程UIThread以及Application管理体系

JS通过映射module的方式来构建原生View,并将view组合携带数据attach到ReactView,ReactView再被添加到具体Activity中,通过JSBridge与JS通信,所以生命周期对应Activity,一个View是一个JSApplication。
因为是映射,所以RN的view效果和原生一致,性能也一致,那这样为什么还说是媲美,因为RN加载需要读取bundle,这步会因为构建整个RN体系而导致速度偏慢,但是加载后所以操作都是组件操作。
只支持基础类型
double、boolean、String等。Map、List。(Writeable以及Readable)JS操作为Map操作、弱类型。

Alert.alert(
  ‘Title',
  ‘Msg',
  [
    {text: 'Cancel', onPress: () => MeetyouReact.showToast('Cancel Pressed’),
    {text: ‘OK’, onPress: () => MeetyouReact.showToast ('OK Pressed')},
  ])
renderImages() {
  return (
    <View>
      <Image
        style={width:100,height:200}
        source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}
      />
    </View>
  );
}
点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 2
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消