React Hooks #10 useLayoutEffect(), useDebugValue()

eunji hwang·2020년 7월 13일
1

REACT

목록 보기
14/16
post-custom-banner

useLayoutEffect()

  • useEffect() 는 비동기
  • useLayoutEffect() 는 동기
  • useLayoutEffect() 훅의 로직에서 연산이 많으면 브라우저가 먹통이 될 수 있으니 주의!
  • 앵간하면 useEffect() 사용하고, 렌더링 직후 돔요소의 값을 읽는 경우 useLayoutEffect() 사용이 적합

useDebugValue()

  • 개발편의를 위해 제공되는 훅
  • 커스텀 훅의 내부 상태를 관찰할 수 있다.

참고 : 책 : 실전 리액트 프로그래밍/이재승 저

profile
TIL 기록 블로그 :: 문제가 있는 글엔 댓글 부탁드려요!

1개의 댓글

comment-user-thumbnail
2020년 11월 5일

좋은 정보 감사합니다! hooks 시리즈 잘 읽고 있습니다!

답글 달기