[TIL] 첫 프로젝트 중 꿀팁 정리 (2)

프로젝트 기간에 틈틈이 꿀팁을 정리해 보는 시리즈

리액트 PureComponent

리액트에선 setState를 할경우 랜더링이 일어나는데 nav바 기능 구현을 하면서 스크롤 이벤트를 받아와야하는데 스크롤은 계속 발생을 해버리니 랜더링이 불필요하게 많이 발생하는게 우려가 되었다, 그래서 알아보던 중 아주 간단하게 해결 할 수 있는 방법을 발견 했는데

import React, { PureComponent } from 'react';

요렇게 컴포넌트를 퓨어컴포넌트로 바꿔주면 스테이트값이 '크게'바뀌지 않는한 랜더링을 다시 일으키지 않는다고 한다, 사실 shoudComponentUpdate랑 어떻게 다르고 최적화를 어떻게 해야하는지 감은 안오지만 이번엔 이정도로만 만족하기로 하자!