六大贴士助你成为更优秀的React Native开发人员

六大贴士助你成为更优秀的React Native开发人员

下面我们介绍帮助移动开发人员成为更优秀的React Native开发人员的六大贴士。

1. 正确选择Navigation Library(导航库)一开始就很重要。

React Native与Navigation有关的麻烦和抱怨历来饱受诟病。自版本0.5问世以来,已发布并弃用了许多导航库,但只有极少数成功地保持了原生应用程序的影响和感觉。然而在许多情况下,开发人员会发现他们在应用程序中使用的导航库对于创建更好的用户体验没有帮助。

Airbnb就是这样一个例子,它发现React Navigation(React Native的推荐导航库)与旧有应用程序无法协同运行。这就是为什么Airbnb的开发人员开发了自己的导航库,现在它是仅次于React Navigation的第二大常用的导航库。

2. 原生调试是调试React Native的老方法。

你的项目规模越来越大后,React Native中的调试相当烦人。这是由于React Native依赖Chrome调试器进行调试,它使用Chrome JS引擎,但JavaScript调试只能在JavaScriptCore上进行。这就在JavaScript执行环境之间带来了微妙的差异,开发人员通常会因此遇到非常独特的问题。开发人员要摆脱这个问题,唯一的方法就是通过Android上的Android Studio和iOS上的Xcode进行调试。

  • Android Studio:开发人员可以访问Android分析器,该分析器被誉为是Android分析应用程序性能(比如CPU能力和内存等)的最佳工具。
  • Xcode:在Xcode上,开发人员只要Debug View Hierarchy按钮,就能以3D方式显示所有视图。使用该功能,开发人员就可以非常直观地查看完整的视图树。

3. 升级可能很痛苦,所以要明智地升级。

有时,开发人员可能希望升级其React Native版本以利用新功能。无论看起来多容易,开发人员安装了链接到或桥接到原生代码的原生模块后可能情况变得很棘手。这主要包括所有软件包,比如React Native Navigation和Google Maps等。此外可能发生这种情况:链接的所有内容都崩溃,应用程序在没有任何警告的情况下坏掉。幸好,有一种方法可以明智地升级React Native,这需要取消原生软件包的链接,升级然后重新链接。

4. 优化图像及其他资源是提升性能的关键。

你很可能同意这一点:没有图像的应用程序是不完整的。在应用程序中实现图像有两种方法:借助从本地目录访问的静态资源,或者借助需要从后端服务器获取的外部资源。无论开发人员有什么样的要求,优化更高优先级的React Native图像非常重要。开发人员可以在服务器层面优化图像,而不是从客户端处理图像、导致性能崩溃。此外,有许多CDN方案可用于托管图像,那样开发人员可以轻松地进行API调用,并将图像上传到服务器。

5. 减小Android和iOS上的应用程序大小。

大多数React Native开发人员习惯使用导致应用程序变大的原生组件和第三方库,这极大地影响了应用程序的性能和加载速度。开发人员可以遵循某些准则以减小应用程序的大小。在Android上,这可以通过启用Proguard并减小图形大小来完成。不过在iOS上,这可能是一项繁琐的任务,因为iOS并不提供任何简单的办法来解决这个问题。但可以采取一些变通方法,相对改善iOS应用程序的大小。

6. 别怕学习Native代码。

相关推荐