React 18 주요 변경점
·
React
Automatic Batching 상태 업데이트(setState)를 하나로 통합해서 배치처리를 한 후 리렌더링을 진행합니다. → 리렌더링 관련 성능 개선 v17 에서는: 이벤트 핸들러 내부에서 발생하는 상태 업데이트 시 fetch()등 과 같은 콜백을 받아 처리하는 메소드가 존재할 경우에는 Automatic Batching이 처리되지 않았습니다. // v17 & v18: 2가지 상태 업데이트가 이루어졌지만 1번의 리렌더링 발생 const onClick = () => { setNumber((prev) => prev + 1); setBoolean((prev) => !prev); }; --- // v17: 2번의 리렌더링 발생 // v18: 1번의 리렌더링 발생 const onClick = () => { //..