[TIL][React] Throttling and Debouncing

동찌·2023년 1월 31일
0

내일배움단

목록 보기
47/56
post-custom-banner

Throttling 과도한 이벤트 요청의 실행을 막기 위해

  • leading edge 처음 이벤트 실행 후 딜레이를 설정

  • trailing edge 마지막

  • leading edge & trailing edge 처음 또는 마지막


Debouncing

  • 바운싱현상(처음에 온오프가 반복되는 현상)을 없애는거

setTimeout을 사용했을 때 메모리 누수를 막는 방법

  • unmount시에 clearTimeout으로 날려주기

그러나

리액트에서는 스테이트 변경 시에 리렌더링이 되기 때문에 setTimeout으로 쓰로틀링(또는 디바운싱)을 하면 적용이 안됨 -> Lodash 라이브러리 사용

0개의 댓글