[[254403]]

【51CTO.com快譯】React Native是一種構建跨平臺應用程序的框架，最近因幾個原因而見諸新聞媒體。它得到Facebook的知名團隊和整個JavaScript社區(qū)的支持。該框架旨在達到創(chuàng)記錄的高度，號稱“一次學習，隨處編寫”。一旦Facebook開源了React Native，業(yè)界就使用JavaScript構建跨平臺應用程序的可能性展開了熱烈的爭論。開發(fā)者社區(qū)的大多數(shù)成員不確定使用JavaScript為兩種平臺構建應用程序是不是正確的解決辦法。但是React Native出色的性能令所有人感到驚訝，性能與原生(iOS/Android)應用程序相當。然而由于它是一種比較新的框架，開發(fā)人員在構建復雜的應用程序時遇到了許多性能問題。

下面我們介紹幫助移動開發(fā)人員成為更優(yōu)秀的React Native開發(fā)人員的六大貼士。

1. 正確選擇Navigation Library(導航庫)一開始就很重要。

React Native與Navigation有關的麻煩和抱怨歷來飽受詬病。自版本0.5問世以來，已發(fā)布并棄用了許多導航庫，但只有極少數(shù)成功地保持了原生應用程序的影響和感覺。然而在許多情況下，開發(fā)人員會發(fā)現(xiàn)他們在應用程序中使用的導航庫對于創(chuàng)建更好的用戶體驗沒有幫助。

Airbnb就是這樣一個例子，它發(fā)現(xiàn)React Navigation(React Native的推薦導航庫)與舊有應用程序無法協(xié)同運行。這就是為什么Airbnb的開發(fā)人員開發(fā)了自己的導航庫，現(xiàn)在它是僅次于React Navigation的第二大常用的導航庫。

2. 原生調試是調試React Native的老方法。

你的項目規(guī)模越來越大后，React Native中的調試相當煩人。這是由于React Native依賴Chrome調試器進行調試，它使用Chrome JS引擎，但JavaScript調試只能在JavaScriptCore上進行。這就在JavaScript執(zhí)行環(huán)境之間帶來了微妙的差異，開發(fā)人員通常會因此遇到非常獨特的問題。開發(fā)人員要擺脫這個問題，唯一的方法就是通過Android上的Android Studio和iOS上的Xcode進行調試。

• Android Studio：開發(fā)人員可以訪問Android分析器，該分析器被譽為是Android分析應用程序性能(比如CPU能力和內存等)的***工具。
• Xcode：在Xcode上，開發(fā)人員只要Debug View Hierarchy按鈕，就能以3D方式顯示所有視圖。使用該功能，開發(fā)人員就可以非常直觀地查看完整的視圖樹。

3. 升級可能很痛苦，所以要明智地升級。

有時，開發(fā)人員可能希望升級其React Native版本以利用新功能。無論看起來多容易，開發(fā)人員安裝了鏈接到或橋接到原生代碼的原生模塊后可能情況變得很棘手。這主要包括所有軟件包，比如React Native Navigation和Google Maps等。此外可能發(fā)生這種情況：鏈接的所有內容都崩潰，應用程序在沒有任何警告的情況下壞掉。幸好，有一種方法可以明智地升級React Native，這需要取消原生軟件包的鏈接，升級然后重新鏈接。

4. 優(yōu)化圖像及其他資源是提升性能的關鍵。

你很可能同意這一點：沒有圖像的應用程序是不完整的。在應用程序中實現(xiàn)圖像有兩種方法：借助從本地目錄訪問的靜態(tài)資源，或者借助需要從后端服務器獲取的外部資源。無論開發(fā)人員有什么樣的要求，優(yōu)化更高優(yōu)先級的React Native圖像非常重要。開發(fā)人員可以在服務器層面優(yōu)化圖像，而不是從客戶端處理圖像、導致性能崩潰。此外，有許多CDN方案可用于托管圖像，那樣開發(fā)人員可以輕松地進行API調用，并將圖像上傳到服務器。

5. 減小Android和iOS上的應用程序大小。

大多數(shù)React Native開發(fā)人員習慣使用導致應用程序變大的原生組件和第三方庫，這極大地影響了應用程序的性能和加載速度。開發(fā)人員可以遵循某些準則以減小應用程序的大小。在Android上，這可以通過啟用Proguard并減小圖形大小來完成。不過在iOS上，這可能是一項繁瑣的任務，因為iOS并不提供任何簡單的辦法來解決這個問題。但可以采取一些變通方法，相對改善iOS應用程序的大小。

6. 別怕學習Native代碼。

React Native是個很好的工具，可以加快原生開發(fā)，尤其是在貴公司的業(yè)務針對多個平臺的情況下，不過可能存在這樣的使用場合：開發(fā)人員需要實現(xiàn)核心庫中沒有的功能。幸好，React Native借助API解決了這個問題，因此開發(fā)人員可以使用原生庫來實現(xiàn)所需要的功能。為此，開發(fā)人員需要深入理解核心的原生語言，比如Objective-C/Swift(iOS)和Java/Kotlin(Android)。此外，了解React Native在底層如何工作非常重要。

原文標題：Six crucial tips for becoming a better React Native developer，作者：Rakshit Soral

【51CTO譯稿，合作站點轉載請注明原文譯者和出處為51CTO.com】