Untitled

변경된 부분 파악

Untitled

Untitled

이렇게 함수 컴포넌트에서 각각의 스테이트가 업데이트 될 때마다 재렌더링이 발생하게 된다.

유즈 스테이트 훅을 사용해서 선언한 각 스테이트들의 set함수를 거의 동시에 호출하더라도 호출된 횟수만큼 재렌더링이 발생하게 되는데

이러한 문제를 해결 하기 위해서 여러 상태의 업데이트가 동시에 발생하면

여러가지 작업을 한번에 처리해주는 것이다.

Untitled

이게 이벤트 헨들러 내부에서만 일어났지만 하지만 18에서부터는 자동으로 여러 상태 업데이트를 한번에 처리한다.

Untitled

기존에는 setCount에서 한번 SetIsFull에서 한번 총 두번의 재랜더링이 발생하는데

이제는 재렌더링이 마지막에 한번만 발생하게 된다.

Untitled

긴급한 업데이트와 긴급하지 않은 업데이트를 구분해서 처리하기 위한 개념

Untitled

이렇게 나눈 이유는 사용자에게 더 나은 사용자 경험을 느낄 수 있게 해주기 위해서이다.

업데이트를 종류를 나누고 긴급한 업데이트를 먼저 처리함으로써 사용자에게 더 나은 경험을 제공하도록 한것

Untitled

입력을 화면에 보여주는 것은 긴급해서 상태업데이트를 진행하고