# useDeferredValue

ahuuae

자바스크립트에서는 짧은 시간에 유저 입력 등의 이벤트가 많이 일어나는 경우 화면이 끊길 수 있다. 그래서 이런 경우 특별한 최적화가 필요하다.대표적인 예가 바로 자동완성이다. 구글에 검색어를 입력하면 한 글자가 바뀔 때마다 실시간으로 업데이트하면서 추천 검색어를 띄워줘

bigwave-cho

ajax, setTimeout 내부라면 batching 이 일어나지 않음하지만! 리액트 18부터는 batching이 발생함.느린 컴포넌트 성능향상 가능(카드 빚 돌려막기)useTransition 갖고오기성능저하 일으키는 state 변경함수 감싸기.코드 시작을 뒤로 늦춰

support

react 18 새로운 기능batch state 변경 함수들이 여러개 있을 때 마지막에 한번만 재 렌더링이 된다 useTransition , useDeferredValue