[React] 리액트 리렌더링 조건

리렌더링 조건을 통해 성능 최적화를 해보자

불필요한 렌더링이 많아지게 되면 결국 성능 저하로 효율성이 떨어지게 된다. 따라서 이번에 리렌더링 조건을 알아보고 리렌더링을 최소화할 수 있도록 해보자.

대표적인 리렌더링 조건

1. Props 변경
2. State 변경
3. 부모 컴포넌트 렌더링

1. Props 변경

만약 부모 컴포넌트의 State가 변경되면 Props 업데이트가 되고, 모든 하위 컴포넌트가 리렌더링 된다.

2. State 변경

State 값이 변경되면 관련된 컴포넌트 모두가 리렌더링 된다.

3. 부모 컴포넌트 렌더링

부모 컴포넌트가 렌더링을 진행하면 자식 컴포넌트 모두가 리렌더링 된다.

Reference

• [React] 리액트 리렌더링 조건(최적화)