【.com快译】ReactNative,一个构建跨平台应用程序的框架,最近因为几个原因上了新闻。它得到了Facebook知名团队和整个JavaScript社区的支持。该框架旨在达到创纪录的高度,声称“学习一次,随处编写”。Facebook开源ReactNative后,业界就曾就使用JavaScript构建跨平台应用程序的可能性展开了激烈的争论。开发人员社区的大多数成员不确定使用JavaScript为两个平台构建应用程序是否是正确的解决方案。但ReactNative以其出色的性能让所有人感到惊讶,堪比原生(iOS/Android)应用程序。然而,由于它是一个相对较新的框架,开发人员在构建复杂应用程序时遇到了许多性能问题。下面我们提出六个技巧来帮助移动开发者成为更好的ReactNative开发者。1、正确选择NavigationLibrary(导航库)从一开始就很重要。ReactNative长期以来一直存在与导航相关的问题和抱怨。自0.5版开始以来,许多导航库已发布和弃用,但只有少数导航库设法保持了原生应用程序的影响和感觉。然而,在许多情况下,开发人员发现他们在应用程序中使用的导航库无助于创建更好的用户体验。一个这样的例子是Airbnb,它发现ReactNavigation(ReactNative推荐的导航库)不能很好地与遗留应用程序一起工作。这就是Airbnb的开发人员开发自己的导航库的原因,该库现在是仅次于ReactNavigation的第二大使用导航库。2.Native调试是调试ReactNative的老方法。随着项目规模的增长,在ReactNative中进行调试非常烦人。这是由于ReactNative依赖于Chrome调试器进行调试,它使用ChromeJS引擎,但JavaScript调试只能在JavaScriptCore上进行。这引入了JavaScript执行环境之间的细微差异,因此开发人员经常会遇到非常独特的问题。开发人员摆脱这种情况的唯一方法是通过Android上的AndroidStudio和iOS上的Xcode进行调试。AndroidStudio:开发者可以使用AndroidProfiler,它被誉为Android分析应用程序性能(如CPU功率和内存等)的最佳工具。Xcode:在Xcode上,开发人员只需按下DebugViewHierarchy按钮即可以3D形式显示所有视图。使用此功能,开发人员可以非常直观地查看完整的视图树。3.升级是一件痛苦的事,所以升级要明智。有时,开发人员可能希望升级他们的ReactNative版本以利用新功能。看起来很简单,当开发人员安装链接到或桥接到本机代码的本机模块时,事情会变得棘手。这主要包括所有包,如ReactNativeNavigation和GoogleMaps等。也可能发生所有链接的崩溃和应用程序中断而没有任何警告。幸运的是,有一种方法可以明智地升级ReactNative,这涉及取消链接本机包,升级然后重新链接。4.优化图片等资源是提升性能的关键。您可能同意这一点:没有图像的应用程序是不完整的。有两种方法可以在您的应用程序中实现图像:使用从本地目录访问的静态资源,或者使用需要从后端服务器获取的外部资源。无论开发者有什么样的需求,优化优先级更高的ReactNative图片是非常重要的。开发人员可以在服务器级别优化图像,而不是处理来自客户端的图像并导致性能崩溃。此外,还有许多CDN选项可用于托管图像,以便开发人员可以轻松地调用API并将图像上传到服务器。5.减小Android和iOS上的应用程序大小。大多数ReactNative开发者习惯于使用原生组件和第三方库使应用变大,这极大地影响了应用的性能和加载速度。开发人员可以遵循某些准则来减小其应用程序的大小。在Android上,这可以通过启用Proguard并减小图形大小来完成。但在iOS上,这可能是一项乏味的任务,因为iOS没有提供任何简单的方法来解决这个问题。但是可以采取一些变通办法来相对改善iOS应用程序的大小。6.不要害怕学习本机代码。ReactNative是加速原生开发的绝佳工具,尤其是当您公司的业务面向多个平台时,但可能存在开发人员需要实现核心库中没有的功能的用例。幸运的是,ReactNative借助API解决了这个问题,因此开发者可以使用原生库来实现所需的功能。为此,开发者需要深入理解Objective-C/Swift(iOS)和Java/Kotlin(Android)等核心原生语言。此外,了解ReactNative的底层工作原理也很重要。原标题:成为更好的ReactNative开发者的六个关键技巧,作者:RakshitSoral
