concurrent mode 에서 time slicing 이란?
- react 의 concurrent 기능 중 하나
- 긴 렌더링 작업을 작은 조각으로 나누어 처리한다.
- 우선 순위가 높은 업데이트 (ex. 사용자 입력)을 먼저 처리할 수 있게 한다.
useTransition
// Time Slicing 예시
const [isPending, startTransition] = useTransition();
function handleInput(e) {
// 높은 우선순위 업데이트 (즉시 처리)
setInputValue(e.target.value);
// 낮은 우선순위 업데이트 (나중에 처리)
startTransition(() => {
setSearchResults(search(e.target.value));
});
}