React Native性能优化红宝书

一、React Native介绍

React Native 是Facebook在React.js Conf2015 推出的开源框架，使用React和应用平台的原生功能来构建 Android 和 iOS 应用。通过 React Native，可以使用 JavaScript 来访问移动平台的 API，使用 React 组件来描述 UI 的外观和行为。

JS实现调用的能力中间的适配层提供了一些桥接方案

1、RN优势

1.1 HTML/CSS/JS开发成本低，用统一的代码规范开发移动端程序，不用关注移动端差异

1.2 天然跨平台，开发一次，可以生成Android和ios两个系统上的APP，这减少了开发人员需要编写不同版本的应用程序的时间和工作量。

1.3 无审核热更新

1.4 可扩展

1.5 易学易用：React Native 基于 React，开发人员可以使用熟悉的 JavaScript 和 React 组件模型来构建应用程序，因此很容易学习和上手。

RN的本质是把中间的这个桥Bridge给搭好，让JS和native可以互相调用。

RN为我们提供了JS的运行环境，所以前端开发者们只需要关心如何编写JS代码，

画UI只需要画到virtual DOM 中，不需要特别关心具体的平台。

至于如何把JS代码转成native代码的脏活累活，RN底层全干了

2、RN劣势

2.1 不成熟，项目版本更新维护较频繁，学习成本高，试错成本高，有些问题较少解决方案，开发进度慢

2.2 性能：整体性能仍不如原生

2.3 兼容性：涉及底层的功能，需要针对Android和ios双端单独开发

2.4 有限的第三方库：尽管 React Native 社区不断增长，但相对于其他混合应用框架，第三方库和插件的数量还是有限的。这可能使开发人员在某些方面受到限制。

2.5 有些原生功能需要自己实现：虽然 React Native 提供了大量原生组件，但某些原生功能需要开发人员自己实现，这可能需要额外的时间和工作量。

3、跨平台框架比较

开发模式	原生开发	混合开发	Web开发
运行环境	Android、iOS、Windows	混合App、 React Native，Weex、Flutter	浏览器、WebView
编程语言	Java，Objective-C	JavaScript、Dart	HTML、CSS、JavaScript
可移植性	差	一般	好
开发速度	慢	一般	快
性能	快	一般	慢
学习成本	高	一般	低

4、Hybrid App 优势

4.1  跨平台开发

4.2  离线访问

4.3  原生应用程序的用户体验

4.4  快速开发和迭代

混合应用程序结合了Web应用程序和本地应用程序的优点，既能够在原生应用程序环境中运行，也能够在 Web 浏览器中运行，并且具有更好的用户体验和功能。这种开发方式可以大大减少开发时间和成本，提高开发效率。