useState Queue

함수형 업데이트는 최신 이전 상태를 큐에서 순서대로 받는다

짧은 시간에 여러 setter가 쌓이면, 값 직접 전달보다 prev 기반 업데이트가 결과를 안정적으로 만든다.

상태 갱신 원칙

렌더 사이클

함수형 업데이트

setCount(prev => prev + 1)은 큐 안에서 이전 결과를 이어받아 계산한다.

불변성

객체와 배열은 직접 수정하지 않고 새 참조를 만들어야 변경 감지가 안정적이다.

지연 초기화

비싼 초기 계산은 useState(() => init())으로 첫 렌더에서만 실행한다.

이벤트업데이트 큐상태 계산리렌더
업데이트 순서 해석

다음 상태가 이전 상태에 의존한다면 값보다 함수를 넘기는 습관이 안전하다.