|
|
51CTO旗下网站
|
|
移动端

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

React Native是一种构建跨平台应用程序的框架,最近因几个原因而见诸新闻媒体。它得到Facebook的知名团队和整个JavaScript社区的支持。该框架旨在达到创记录的高度,号称“一次学习,随处编写”。

作者:布加迪编译来源:51CTO|2019-01-02 09:00

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

【51CTO.com快译】React Native是一种构建跨平台应用程序的框架,最近因几个原因而见诸新闻媒体。它得到Facebook的知名团队和整个JavaScript社区的支持。该框架旨在达到创记录的高度,号称“一次学习,随处编写”。一旦Facebook开源了React Native,业界就使用JavaScript构建跨平台应用程序的可能性展开了热烈的争论。开发者社区的大多数成员不确定使用JavaScript为两种平台构建应用程序是不是正确的解决办法。但是React Native出色的性能令所有人感到惊讶,性能与原生(iOS/Android)应用程序相当。然而由于它是一种比较新的框架,开发人员在构建复杂的应用程序时遇到了许多性能问题。

下面我们介绍帮助移动开发人员成为更优秀的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代码。

React Native是个很好的工具,可以加快原生开发,尤其是在贵公司的业务针对多个平台的情况下,不过可能存在这样的使用场合:开发人员需要实现核心库中没有的功能。幸好,React Native借助API解决了这个问题,因此开发人员可以使用原生库来实现所需要的功能。为此,开发人员需要深入理解核心的原生语言,比如Objective-C/Swift(iOS)和Java/Kotlin(Android)。此外,了解React Native在底层如何工作非常重要。

原文标题:Six crucial tips for becoming a better React Native developer,作者:Rakshit Soral

【51CTO译稿,合作站点转载请注明原文译者和出处为51CTO.com】

【责任编辑:庞桂玉 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

订阅专栏+更多

16招轻松掌握PPT技巧

16招轻松掌握PPT技巧

GET职场加薪技能
共16章 | 晒书包

289人订阅学习

20个局域网建设改造案例

20个局域网建设改造案例

网络搭建技巧
共20章 | 捷哥CCIE

645人订阅学习

WOT2019全球人工智能技术峰会

WOT2019全球人工智能技术峰会

通用技术、应用领域、企业赋能三大章节,13大技术专场,60+国内外一线人工智能精英大咖站台,分享人工智能的平台工具、算法模型、语音视觉等技术主题,助力人工智能落地。
共50章 | WOT峰会

0人订阅学习

读 书 +更多

网管员必读——网络组建

本书以一个模拟局域网组建为思路,介绍了与局域网组建各主要方面相关的知识及组建、配置方法。本书所介绍的内容主要包括:局域网组建规划、...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊

51CTO服务号

51CTO播客