Reactガイドを読んでいくその132

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

React.PureComponent

React.Componentと似たReact.PureComponentは propsとstateを浅く比較することでReact.Componentが持っていない shouldComponentUpdate()を実装していることが異なる。

Reactコンポーネントのrender()が同じpropsとstateを与えられたときに同じ結果をレンダーするときはパフォーマンスを向上させるためにReact.PureComponentを使用できる。

shouldComponentUpdate()はあくまでも浅い部分での比較となるので、深い部分に差分があった場合は差分がないとみなされてしまう場合があるので注意が必要。
深いデータ構造を持ったものを使う場合はイミュータブルなオブジェクトの使用を検討する。

今日はここまで