React native 開發APP優化篇(一)

2021-10-06 11:57:57 字數 370 閱讀 7246

(1)應盡量少發起請求,能免就免

(2)應盡量少的使用this.setstate,多次render除了低效之外,還容易導致一些莫名的bug

(3)如果乙個頁面(如首頁),有多個請求,那麼推薦使用promise.all進行請求合併,並且統一處理this.setstate,做到僅僅一次render

(4)全面使用purecomponent

(5)如果封裝了乙個列表元件,那麼應該注重渲染次數,去除非必要的render

(6)為列表資料做快取,當網路差時,不至於白屏,啟用快取資料進行展示

(7)快取,防止沒有資料時,位置為空白

(8)當未渲染完畢時,的位置會空白,需要以一張底圖做鋪墊,待渲染完畢再進行覆蓋底圖,的z軸層級高於底圖

React Native 開發資料彙總

react native 通訊機制詳解 react native 中文網 react native 元件化庫 react native學習指南 必看!ios rn rn開發的weibo開源實現 android rn reactnative android qa react native for an...

React Native 開發環境搭建

目標平台 ios 開發平台 mac 必須軟體 homebrew home brew,mac系統的包管理器,用於安裝nodejs和一些其他必需的工具軟體 usr bin ruby e curl fssl 譯註 在max os x 10.11 ei capitan 版本中,homebrew在安裝軟體時可...

React Native 搭建開發環境

必需的軟體 react native目前需要android studio2.0或更高版本。android studio包含了執行和測試react native應用所需的android sdk和模擬器。安裝過程中有一些需要改動的選項 1.選擇custom選項 2.勾選performance和andro...