메로그

Automatic Batching React 에서 Bathing 이란, 여러 state 업데이트를 하나의 업데이트로 그룹화하여 렌더링 성능을 향상시키는 것을 의미합니다. v18 부터는 새로운 Root API 인 createRoot 를 통해 자동으로 state 업데이트를 배칭 시킵니다. 그로 인해 기본적으로 ReactV18 부터는 렌더링 성능이 향상되었습니다. 예를 들어 기존에는 아래의 로직이 자동으로 배칭되어 여러번 수행하지 않고 렌더링 과정을 다 한 번만 처리하도록 합니다. function clickHandler() { setCount(cnt => cnt + 1) setFlag(flag => !flag) } useTransition 느린 컴포넌트 성능을 향상 시켜 UX 를 개선할 수 있음. startT..