README
소스코드
GitHub

useDeferredValue 렌더링 비교

150개 아이템 × 1ms = 약 150ms 렌더링 시간
React 공식문서 원본 예제

Without useDeferredValue

Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:

With useDeferredValue

Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text:
Text: