移动web开发常用的框架(四)

本文介绍了ReactNative的工作原理,强调其通过使用原生组件而非WebView的方式解决了交互与性能问题,并详细解释了JS工程师如何组装基本组件及Native工程师提供的支持。

四、React Native

React Native里面没有webview,它不是Hybrid app,里面执行JS是用的 JavascriptCore。

把Native code十来个最基本核心的类(RCTDeviceEventEmitter、RCTRenderingPerf等)、或组件(RCTView、RCTTextField、RCTTextView、RCTModalFullscreenView等)封装成二十来个基本组件(Popover、Listview等)

实现了一套类似css的子集,用来解决样式问题,相当复杂和强大,靠这个才能将Native的核心组件组成JS层的基本组件再组成业务端的业务组件

在React Native中,写JS的工程师解决的是「将基本组件拼装成可用的React组件」的问题,写Native Code的工程师解决的是「提供核心组件,提供足够的扩展性、灵活性和性能」的问题。

React Native工作原理:

006zipb5zy798OjVCCc80&690

为什么要使用React Native

不用Webview,彻底摆脱了Webview让人不爽的交互和性能问题。

有较强的扩展性,这是因为Native端提供的是基本控件,JS可以自由组合使用。

可以直接使用Native原生的「牛逼」动画。

可以通过更新远端JS,直接更新app。

 

 

转载于:https://my.oschina.net/u/2971691/blog/848013

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值