[FE Article] 리액트 커뮤니티의 훅(hook)들

react-hook-form: 간단한 코드 몇 줄 만으로 무거운 폼(form) 코드를 처리할 수 있습니다.

useUpdateEffect: 업데이트 시에만 동작하는 useEffect입니다

useCopyToClipborad: 클립보드 복사가 필요할 때 사용합니다

useLocalStorage: 브라우저 로컬 스토리지를 간단하게 사용합니다

useHover: 엘리먼트가 hover 됐는지 확인할 때 사용합니다

useIdle: 사용자가 유휴(idle) 상태인지 확인할 때 사용합니다

useClickAway: 특정 컴포넌트의 외부를 클릭할 경우 함수를 트리거합니다.

useDebounce: 특정 함수를 실행하기 까지 일정시간 기다립니다

useWindowSize: 스크린의 높이, 너비를 변화를 감지하여 업데이트합니다

useSwr: 컴포넌트가 마운트 될 때 발생하는 요청을 쉽게 처리할 수 있습니다