> For the complete documentation index, see [llms.txt](https://notes.lirenxn.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://notes.lirenxn.com/2019-1/wk-notes-12-3-react-function-memo.md).

# Wk-notes-12-3-react-function-memo

### **React 16.6 pure optimization**

**Pure Functional Component**

Simply use `React.memo(FUNCTIONAL_COMPONENT)`

* `React.PureComponent` is silver
* `React.memo(...)` is golden.
* `React.PureComponent` optimizes re-rendring in ES6 class components
* `React.memo(...)` optimizes re-rendring in functional components

**ref :** <https://blog.bitsrc.io/improve-performance-in-react-functional-components-using-react-memo-b2e80c11e15a>