Batching

의미

💡 단기간에 일어나는 상태변화를 매번 렌더링 시키지 않고, 일괄 처리하기 하면서 성능을 최적화시킴
💡 여러 개의 state 업데이트를 하나의 리렌더링 (re-render)로 묶는 것

예시

const [count, setCount] = useState(0);
//...
  setCount(count + 1);
  setCount(count + 1);
  setCount(count + 1);//1(하나만 작동)

//...
  setCount(count + 1);
  setCount(count + 2);
  setCount(count + 3);//3(마지막 하나만 작동)

//...
 setCount((count) => count + 1);
 setCount((count) => count + 1);
 setCount((count) => count + 1);//3(표시는 마지막만)

참고

React 18: 렌더링 최적화를 위한 자동 배칭
[React] Batching을 활용한 렌더링 최적화
코드스테이츠 <클라이언트 AJAX 요청> 강의 자료