순수 컴포넌트란 무엇입니까?

React.PureComponent는 React.Component와 완전히 동일하지만, PureComponent는 shouldComponentUpdate() 메서드를 통한 렌더링 여부를 자동으로 처리해 주는 것이 다릅니다.

*PureComponent는 props나 state가 변경될 때, 얕은 비교(shallow comparison)를 통해 둘 다 비교하여 업데이트 여부를 자동으로 판단하여 shouldComponentUpdate() 에서 다시 렌더링됩니다.*

반면, Component는 기본적으로 현재 props와 state를 다음 값과 비교하지 않습니다. state, props의 변경 여부를 신경쓰지 않기 때문에 shouldComponentUpdate() 에서 무조건 다시 렌더링됩니다.

따라서 shouldComponentUpdate() 를 통해 다시 렌더링 되지만, state와 props의 얕은 비교를 통한 리렌더링 여부를 자동으로 판별해 주는 것이 순수 컴포넌트(pureComponent)라 할 수 있습니다.

<aside> 💡

shouldComponentUpdate()

• shouldComponentUpdate()는 props 또는 state가 새로운 값으로 갱신되어서 렌더링이 발생하기 직전에 호출된다.
• 기본적으로 shouldComponentUpdate() 메서드의 return값은 true 인데, false를 반환할 경우 render()와 componentDidUpdate()는 호출되지 않는다. </aside>