34｜升级收益：这两年React Native都做了哪些升级？
蒋宏伟
你好，我是蒋宏伟。这节课我们来聊聊 React Native 的近况。
经常有朋友问我，现阶段 React Native 的发展如何？新架构是否真的可用？我是否应该对我的业务进行升级？
今天，我们就来迅速了解下，在过去的两年中 React Native 都做了哪些改进。
新架构
众所周知，React Native 团队在 2018 年时提出了新架构的设想，2022 年开始发布新架构的预览版。又一年过去了，我们先来看看新架构的进展如何。
去年，新架构的预览版刚推出时，社区发布了 4 篇帖子，比较了新架构和旧架构的性能。一些人测试了 ScrollView 组件的渲染性能，有些人则测试了 View、Text 组件，还有人对比了 FlatList 和 ScrollView 场景下的渲染性能。得出的结论是：虽然新架构在某些场景下有优势，但在更多的场景中新架构的性能却下降了。
例如，一位社区成员在他的帖子中测试了 FlatList（Virtualized）和 ScrollView（Non Virtualized）组件，以及渲染导航组件和 View 组件的性能。
在 ScrollView 场景下，所有的组件都会被渲染出来，此时新架构的性能明显不如旧架构。而在 FlatList 场景下，只有可视区附近的组件会被渲染出来，这时新架构的导航组件渲染性能优于旧架构，但 View 组件的渲染性能却弱于旧架构。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
React Native 近两年来经历了重大升级，包括新架构和Hermes引擎的改进，为开发者带来了显著的性能提升。新架构经历了一些起伏，但经过官方优化后，Android和iOS平台的渲染性能均有所提升。Hermes引擎作为默认JavaScript引擎，在低端设备上实现了启动性能的优化，但在iOS平台上的使用需要谨慎。FlashList组件的推出降低了高性能列表组件的开发成本，且在性能方面表现优异。总体而言，React Native的升级为开发者带来了更好的性能和开发体验。建议在Android上使用Hermes引擎并开启字节码，在iOS上继续使用JavaScriptCore，同时考虑使用FlashList组件以提升性能。
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《React Native 新架构实战课》，新⼈⾸单¥59
《React Native 新架构实战课》，新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
全部留言(3)
- 最新
- 精选
- Geek_accfac您好，请问58同城的APP现在使用是0.72版本吗？还是旧版本没有开启hermes呢2023-09-06归属地：北京
大大小小请问目前最新的0.71.8的性能也有问题吗？需要更新到0.72 RC版本，性能才会提升？2023-06-05归属地：广东2- 大大小小关于Hermes的使用，Android和iOS如何使用可以展开详细说下吗？ 有几个疑问？iOS不使用Hermes，是整个项目不使用Hermes吗？那我如果是用最新的0.71.8版本的工程，如何关闭Hermes引擎？另外关于iOS的热更新，所谓的与Hermes字节码不兼容是什么意思，expo的热更新不是使用Hermes吗？2023-06-05归属地：广东2
收起评论