728x90
반응형
useDeferredValue
🎯 useDeferredValue란 무엇일까?useDeferredValue는 값을 조금 늦게 업데이트해서 화면 렌더링 속도를 최적화하는 도구예요.왜 필요할까요?React에서는 입력이 빠르게 바뀔 때마다 화면을 바로바로 렌더링하는데,너무 많은 작업이 동시에 일어나면 화면이 느려질 수 있거든요.이때 useDeferredValue를 사용하면 우선순위를 나눠서 렌더링을 효율적으로 해줘요. 🐢 거북이와 토끼 이야기로 이해해보기거북이와 토끼가 산책을 하고 있어요. 🐢🐇토끼는 빠르게 뛰어가고,거북이는 천천히 따라옵니다.여기서 **"토끼"**는 입력값이고, **"거북이"**는 useDeferredValue로 처리되는 값이에요. 🍃 실생활 예시: 검색창예를 들어, 여러분이 쇼핑몰에서 물건을 검색한다고 해볼게요...
web/react hook
2024. 12. 14. 11:57
728x90
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Store
- experimental_taintobjectreference
- useRef
- 베타
- useformstatus
- useid
- 실험적
- Props
- react dom hook
- zustand
- react
- finddomnode
- Nextjs
- react hook
- 저장소
- useinsertioneffect
- experimental
- preconnect
- 데이터유지
- usedeferredvalue
- 상태관리
- dns-prefetch
- state
- 외부폰트
- react dom
- component
- flushsync
- experimental_taintuniquevalue
- 최신데이터
- prefetchdns
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함
반응형
250x250