[React - 기초] React와 리랜더링

1. JavaScript와 React의 리 랜더링

바닐라 JS에서는 변경이 일어나면 전체 Element를 다시 랜더링 시킵니다. 

 

하지만 React에서는 변경이 일어나는 부분만 다시 랜더링 시킨다.

 

2. React의 랜더링

React 앨리 먼트는 불변 객체 (immutable)이다. 

React에게 변경하고 싶은 내용을 전달하기만 할 뿐이고, 실제 변경에 대한 판단, 반영은 React가 알아서 한다.

 

변경되는 방법으론

1. 앨리 먼트 타입이 바뀌면? 
   => 이전 앨리 먼트는 버리고 새로그린다. 

2. 앨리먼트 타입이 같다면? 

   => (key를 먼저 비교하교), props를 비교해서 변경사항을 반영한다. 

 

※ 불변 객체? 

말 그대로 변하지 않는 객체이다.