전화번호 부 만들기 튜토리얼 4/4 (Section 9)

참고> velopert.com/3640

 

1. Component의 상태가 업데이트되면 Component의 re-rendering이 발생하고, 
   Component의 re-rendering이 발생하면 그 Comopnent의 자식 Component도 re-rendering이 발생한다.
    -> 굳이 업데이트하지 않아도 될 부분은 LifeCycle API 중 하나인 shouldComponentUpdate 함수를 사용해

        효율적으로 작동시킬 수 있다.
    -> shouldComponentUpdate 함수에서 기존의 props 정보와 파라미터로 받은 nextProps 정보의 차이를 

        비교하여 update 여부를 리턴할 수 있다.

2. 불변성을 유지해주어야만 shouldComponentUpdate 로직을 굉장히 간단하게 짤 수 있다. 
   왜냐하면 불변성을 유지할 경우, 기존의 정보를 담고 있는 객체와 변경된 정보를 담고 있는 객체의

   레퍼런스(주소값)가 다르다는 것만 체크해도 변경의 유무를 알 수 있기 때문이다.

3. Component의 props나 state가 바뀌면 React는 re-rendering을 한다.