feat(ui/hooks): useCallbackRef hook 추가 - Githubissues

dnd-side-project / dnd-10th-5-frontend

저장한 링크를 한눈에, favolink

https://favolink.site

11 stars 0 forks source link

feat(ui/hooks): useCallbackRef hook 추가 #299

Closed sukvvon closed 2 months ago

sukvvon commented 2 months ago

이슈 번호

close #298

작업한 목록을 작성해 주세요

이슈 내용과 같습니다.

스크린샷

pr 포인트나 궁금한 점을 작성해 주세요

// useMemo 사용

return useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);

// useCallback 사용

// eslint-disable-next-line react-hooks/exhaustive-deps
return useCallback(((...args) => callbackRef.current?.(...args)) as T, []);

react 공식문서를 참고하자면 useMemo를 써도, useCallback을 써도 목적은 함수 자체를 캐싱하기 위한 것이기 때문에 위 두 코드는 같은 결과를 뱉습니다. useCallback을 쓴 경우 위와 같이 eslint react-hooks/exhaustive-deps 규칙에 경고가 나오기 때문에 피하기 위해 useMemo를 사용하였습니다.

vercel[bot] commented 2 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
favolink-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 6, 2024 1:02pm