React Performance Hooks - useTransition

優(yōu)化重新渲染性能的常見方法是跳過不必要的工作。 例如,可以告訴 React 重用緩存的計算,或者如果數(shù)據(jù)自上次渲染以來沒有更改,則跳過重新渲染。

要跳過計算和不必要的重新渲染,請使用以下 Hooks 之一:

  • useMemo 緩存計算結(jié)果。
  • useCallback緩存函數(shù)定義,再傳遞給優(yōu)化組件。
    要優(yōu)先考慮渲染,請使用以下 Hooks 之一:
  • useTransition 將狀態(tài)轉(zhuǎn)換標(biāo)記為非阻塞并允許其他更新中斷它。
  • useDeferredValue 可以推遲更新 UI 的非關(guān)鍵部分,并讓其他部分先更新。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 默認(rèn)情況下,React 每次重新渲染時都會重新運行組件的整個主體。優(yōu)化重新渲染性能的常見方法是跳過不必要的工作。 ...
    米諾zuo閱讀 368評論 0 0
  • 優(yōu)化重新渲染性能的常見方法是跳過不必要的工作。 例如,可以告訴 React 重用緩存的計算,或者如果數(shù)據(jù)自上次渲染...
    米諾zuo閱讀 254評論 0 0
  • 優(yōu)化重新渲染性能的常見方法是跳過不必要的工作。 例如,可以告訴 React 重用緩存的計算,或者如果數(shù)據(jù)自上次渲染...
    米諾zuo閱讀 167評論 0 1
  • 組件類的幾個缺點。 大型組件很難拆分、重構(gòu)、測試。業(yè)務(wù)邏輯分散在組件的各個方法之中,導(dǎo)致重復(fù)邏輯、關(guān)聯(lián)邏輯。組件類...
    海豚先生的博客閱讀 444評論 0 1
  • 一、場景 先理解什么是 hook,react 對它的定義是: 它可以讓你在不編寫 class 的情況下,讓你在函數(shù)...
    AizawaSayo閱讀 1,747評論 0 2

友情鏈接更多精彩內(nèi)容