react-native 渲染引擎经历了什么

news/2024/9/23 0:42:40/

React Native 的渲染引擎经历了多个迭代,不断优化和改进。以下是一些较为显著的迭代:

  1. 原生组件封装:最初的 React Native 版本是通过 JavaScript 渲染 UI,并通过桥接层将 UI 转化为原生组件。随着发展,React Native 开始封装更多的原生组件,提高了性能和体验。

  2. FlatList 和 SectionList 的引入:为了更高效地渲染列表和长列表,React Native 引入了 FlatList 和 SectionList 组件,它们采用了虚拟化技术,只渲染当前可见区域的列表项,大幅提升了性能。

  3. 增量更新:React Native 不断优化了增量更新机制,通过比较新旧 Virtual DOM 树的差异,只对有变化的部分进行更新,减少了不必要的 DOM 操作,提高了性能。

  4. TurboModules:TurboModules 是 React Native 的一项新特性,旨在加速 JavaScript 与原生模块之间的通信。它替代了旧版的 Native Modules,提供更高效的模块通信机制,进一步提升了性能和稳定性。

  5. Fabric 架构:React Native 团队开发了名为 Fabric 的新渲染引擎,旨在提高渲染性能和可靠性。Fabric 架构将 React Native 应用的 UI 渲染和布局分离,采用异步渲染和多线程架构,从而更好地利用了多核处理器和异步计算能力。

  6. Hermes 引擎:为了提升 JavaScript 执行性能和应用启动速度,React Native 引入了 Hermes JavaScript 引擎。Hermes 是一个轻量级的 JavaScript 引擎,专注于优化移动设备上的 JavaScript 执行性能,从而提升了 React Native 应用的性能和响应速度。

这些迭代不断优化了 React Native 的渲染引擎,提升了应用的性能、稳定性和用户体验,使得 React Native 成为了一种流行的跨平台移动应用开发框架。


http://www.ppmy.cn/news/1461898.html

相关文章

【C语言】5.C语言函数(1)

文章目录 1.函数的概念2.库函数2.1 标准库和头文件2.2 库函数的使⽤⽅法2.2.1 学习和使用2.2.2 头⽂件包含2.2.3库函数文档的一般格式 3.⾃定义函数3.1 函数的语法形式 4.形参和实参4.1 实参4.2 形参4.3 实参和形参的关系 5.return 语句6.数组做函数参数 1.函数的概念 函数也称…

git cherry-pick命令使用

git cherry-pick 是一个非常实用的Git命令,它允许你将一个或多个提交从一个分支复制并应用到另一个分支上,而不需要进行整个分支的合并。这对于只想将某些特定更改而非整个分支历史引入当前工作的情况非常有用。以下是使用 git cherry-pick 的基本步骤和…

Gini Impurity(基尼不纯度)

基尼不纯度:衡量集合的无序程度; 基尼不纯度 基尼不纯度:将来自集合的某种结果随机应用于某一数据项的预期误差率。 1、显然基尼不纯度越小,纯度越高,集合的有序程度越高,分类的效果越好; 2、…

线性回归学习笔记

学习了王天一博士的机器学习40讲,做个小总结: 1、机器学习中,回归问题隐含了输入变量和输出变量均可连续取值的前提。 2、单变量线性回归,所有样本到直线的欧氏距离之和最小,即均方误差最小化。 3、最小二乘法的几何意…

什么是最大路径?什么是极大路径?

最近学习中,在这两个概念上出现了混淆,导致了一些误解,在此厘清。 最大路径 在一个简单图G中,u、v之间的距离 d ( u , v ) min ⁡ { u 到 v 的最短路的长度 } d(u,v) \min \{ u到v的最短路的长度 \} d(u,v)min{u到v的最短路的…

【华为OD机试-C卷D卷-200分】田忌赛马(C++/Java/Python)

【华为OD机试】-(A卷+B卷+C卷+D卷)-2024真题合集目录 【华为OD机试】-(C卷+D卷)-2024最新真题目录 题目描述 给定两个只包含数字的数组a,b,调整数组 a 里面的数字的顺序,使得尽可能多的a[i] > b[i]。 数组a和b中的数字各不相同。 输出所有可以达到最优结果的a数组的…

linux的 /usr/sbin/nologin /sbin/nologin /bin/false /etc/nologin 的作用与区别

/usr/sbin/nologin /sbin/nologin /bin/false /etc/nologin 的作用与区别 /usr/sbin/nologin /sbin/nologin /bin/false 这三者的作用几乎一样,都是禁止用户登录。 /usr/sbin/nologin /sbin/nologin 是同一个文件,通过软连接指向。 当把用户的bash设置…

【软件测试】需求概念|软件的⽣命周期|开发模型|测试模型

目录 推荐 一、什么是需求 1.1 ⽤⼾需求 1.2 软件需求 二、开发模型 2.1 什么是“模型” 2.2 软件的⽣命周期 2.3 常⻅开发模型 2.3.1 瀑布模型 2.3.2 螺旋模型 2.3.3 增量模型、迭代模型 2.3.4 敏捷模型 2.4 测试模型 2.4.1 V模型 2.4.2 W模型(双V模型&#xff0…