返回

React Native无感升级之路

前端

随着移动互联网的飞速发展，业务迭代更新速度日益加快，传统Native开发模式已无法满足快速迭代的需求。React Native（简称RN）作为一种跨平台开发框架，凭借其开发效率高、跨平台性强、学习曲线低等优点，逐渐成为移动开发领域的热门选择。

满帮集团移动团队自2018年初开始尝试RN，经过近三年的发展，目前已经承载了大部分的核心业务场景，涉及16+的业务模块、200+页面，日均PV数据在千万级。核心业务使用RN的混合开发模式，在保证Native性能的基础上，提高了开发效率。

一、背景

满帮集团移动团队2018年初开始尝试RN，经过近三年的发展，目前已经承载了大部分的核心业务场景，涉及16+的业务模块、200+页面，日均PV数据在千万级。核心业务使用RN的混合开发模式，在保证Native性能的基础上，提高了开发效率。

二、痛点

随着业务的快速发展，RN项目代码量不断增加，导致编译时间越来越长，严重影响了开发效率。同时，RN版本迭代较快，需要不断升级RN版本以修复Bug和引入新特性，但RN版本升级过程复杂，容易引发各种问题。

三、解决方案

为了解决上述痛点，我们对RN项目进行了全面的升级改造，主要包括以下几个方面：

  1. 优化编译流程

通过使用Gradle的增量编译功能，仅编译有改动的文件，从而大幅减少编译时间。同时，我们还使用并行编译技术，充分利用多核CPU的优势，进一步提升编译速度。

  1. 优化构建工具

我们使用Babel作为构建工具，Babel是一个编译JavaScript语言的工具，它支持将ES6语法编译成ES5语法，从而使其能够在较老的浏览器中运行。我们通过优化Babel的配置，提高了构建速度。

  1. 优化RN版本升级流程

我们使用Expo作为RN的版本升级工具，Expo是一个开源工具，它可以帮助开发者快速构建和发布RN应用。Expo提供了自动升级RN版本的功能，可以帮助我们快速升级RN版本，同时降低升级风险。

  1. 优化代码质量

我们通过使用代码检查工具，检查代码中的潜在问题，并及时修复。同时，我们还使用代码格式化工具，使代码更加整洁易读。

四、效果

通过以上改造，我们大幅提升了RN项目的编译速度和构建速度，同时降低了RN版本升级风险，提高了代码质量。具体来说，编译时间从之前的10分钟缩短到现在的2分钟，构建时间从之前的5分钟缩短到现在的1分钟，RN版本升级成功率从之前的80%提高到现在的99%。

五、总结

通过对RN项目的全面升级改造，我们解决了RN项目编译时间长、构建时间长、RN版本升级风险高等痛点，提高了开发效率和代码质量。我们的经验表明，RN是一门非常适合快速迭代的开发框架，通过对RN项目的优化改造，我们可以进一步发挥RN的优势，为业务的快速发展提供有力支持。