state 가 변경 된 후 흐름

  1. setState 혹은 useState 를 통해 상태 변경이 요청되면, 리액트는 상태 변경을 큐에 추가한다. 상태 변경은 비동기적으로 처리된다.
  2. Reconcillation 및 버츄얼 돔 비교
    • 리액트는 다음 렌더주기에서 새로운 상태값을 사용하여 가상돔트리를 생성한다.
    • 새로운 가상돔트리와 이전 가상돔트리를 비교하여 변경된 부분을 찾는다.
  3. patching
    • 변경된 부분만 실제 돔에 반영한다.