<https://github.com/guoxiaoxing/react-
native/tree/master/doc/ReactNative%E6%BA%90%E7%A0%81%E7%AF%87>

线程模型

RN应用中存在3个线程：

UI线程：即Android中的主线程，负责绘制UI以及监听用户操作。

Native线程：负责执行C++代码，该线程主要负责Java与C++的通信。

JS线程：负责解释执行JS。

渲染模型

渲染模型框架：

VirtualDom的diff模型：

具体VirtualDom的算法模型可以参考这篇文章：

[深度剖析：如何实现一个 Virtual DOM 算法](https://www.cnblogs.com/fengyuqing/p/virtual-
dom.html)

Js渲染Native具体范例：

JS端通过调用RCTUIManager的createView的方法,传递json格式的数据,通知native端进行UI组件的初始化和渲染。

通信模型

JNI作为C++与Java的桥梁，JSC作为C++与JavaScript的桥梁，而C++最终连接了Java与JavaScript。

Java调Js

原理使用了JSCore从Native执行JS代码，RN在此基础上给我们提供了通知发送的执行方式

具体实现：Java通过注册表调用到CatalystInstance实例，透过ReactBridge的jni，调用到Onload.cpp中的callFunction，最后通过javascriptCore，调用BatchedBridge.js，根据参数｛moduleID,methodID｝require相应Js模块执行。流程如下图：

Js调Java

一般情况下，JS调Java的机制是［JS把对应的methodId和params
push到MessageQueue中，等待native调用JS，然后把MessageQueue中的数据发送到C层，再通过jni转到java层］

但如果JS的MessageQueue中的message超过 5ms 都没有取走，那么 JavaScript
就会主动调用方法nativeFlushQueueImmediate，通知C层将message取走。流程如下图：

JS的解析是在Webkit-JavaScriptCore中完成的，JSCExexutor对JavaScriptCore的功能做了进一步的封装

基于weex / React Native的富交互解决方案。

官网:https://alibaba.github.io/bindingx/

它提供了一种称之为表达式绑定(Expression Binding)的机制可以在 weex
上让手势等复杂交互操作以60fps的帧率流畅执行，而不会导致卡顿，因而带来了更优秀的用户体验 。

简要介绍

由于weex/RN框架底层使用的JS-Native
Bridge具有天然的异步特性，这使得JS和Native之间的通信会有固定的性能损耗，因此在一些复杂的实时交互场景中(如手势)，JS
代码很难以高帧率运行，这极大地限制了框架的能力。目前官方并没有很好的方式解决。

而我们通过探索，提出了一种全新的方式用来解决这个问题，方案称之为Expression
Binding。它的核心思想是将”交互行为”以表达式的方式描述，并提前预置到Native从而避免Native与JS频繁通信。

示例展示

下面展示了一部分使用bindingx的示例。您可以下载或者编译我们的playground
app来获取更多的示例。同时，您也可以在我们的在线playground上编写您自己的demo。

注意：Weex支持两种前端写法（rax和vue），链接是直接跳转到Playground。 React-
Native由于目前Playground还不支持，所以直接跳转到源码。

特性

复杂但流畅的交互效果

强大的表达式解析引擎

丰富的缓动函数

文档与教程

https://alibaba.github.io/bindingx/guide/introduce