前人種樹后人乘涼
原文地址

一、優(yōu)化Component

很多人在定義一個(gè)class時(shí)都會(huì)去繼承Component，這并沒有錯(cuò)，但是如果一個(gè)子組建也繼承了Component，那么當(dāng)父組建render時(shí)也會(huì)導(dǎo)致子組建的render，怎么解決呢？其實(shí)很簡(jiǎn)單只需要我們的子組建去繼承PureComponent即可。個(gè)人建議自定義的class都可以去繼承PureComponent從而避免不必要的render。

注意子組件需是靜態(tài)的

二、優(yōu)化方法的創(chuàng)建

內(nèi)部方法的定義應(yīng)該使用

onPress=(()=>{
  do something
})

避免創(chuàng)建多個(gè)fun

三、善于使用shouldComponentUpdate

通過shouldComponentUpdate的返回結(jié)果我們可以去控制什么時(shí)候應(yīng)該render，什么情況應(yīng)該render。

注意靜態(tài)組件可以直接

shouldComponentUpdate(){
  return false
}

四、使用Animated去處理一些簡(jiǎn)單的動(dòng)畫

我想應(yīng)該會(huì)有很多小伙伴遇到這樣的問題，切換不同的state改變某個(gè)view的height/width，是不是很多小伙伴都會(huì)用state去控制height/width。并不是說這樣是完全不對(duì)，只是這樣耗費(fèi)性能，因?yàn)槟愕?strong>state的改變會(huì)觸發(fā)render，而對(duì)于一個(gè)過程來說，這樣的render次數(shù)是我們不愿意看到的，那該怎么解決呢？其實(shí)大家可以使用Animated去代替state，Animated封裝了一系列優(yōu)雅的處理函數(shù)，完全可以實(shí)現(xiàn)你想要的效果，使用方法官方有介紹