리액트에서 불변성이 중요한 이유

리액트에서 불변성이 중요한 이유

원본을 변경하지 않으면, 복잡도를 낮출 수 있고 변화감지가 쉽다.

 

불변성을 이야기하기 전에 컴포넌트가 리렌더링 되는 조건을 살펴보면 다음과 같다.

리렌더링 조건 

state가 변경될 때

- state가 변경될때마다 리렌더링된다.

props가 업데이트 될 때

 - props가 업데이트 되면 리렌더링된다.

부모 컴포넌트가 리렌더링될때

- props나 state가 변하지 않더라도 부모 컴포넌트가 리렌더링되면 자식 컴포넌트도 리렌더링된다.

불변성

위의 내용에서 state,props 가 변하거나 부모 컴포넌트가 리렌더링 될 때 컴포넌트가 리렌더링 되는 것을 알 수 있다.

정리하면 state,props, 부모컴포넌트가 변할 때 리렌더링된다.

 

이때 변화감지를 쉽게하는 리액트의 규칙이 바로 '원본 유지' 즉 불변성이다.

 

원본을 변경하지 않으면 복잡도가 낮아져 순수 컴포넌트를 만드는데 도움이 된다.

 

변화 감지가 쉽다는 것은 리렌더링여부를 판단하는 절차가 간단해진다는 것이다. 

 

즉, 불변성을 유지함으로서 리렌더링의 조건인 변화 감지를 쉽게 할 수 있다.