- useTitle - react document의 title을 몇개의 hooks와 함께 변경
- useInput - input 역할을 그대로 함
- usePageLeave - 유저가 page를 벗어나는 시점을 발견하고 함수를 실행
- useClick - element를 클릭하는 시점
- useFadeIn - 어떤 Element든 상관없이 애니메이션을 Element 안으로 서서히 사라지게 함
- useFullscreen - 어떤 Element든 풀스크린으로 만들거나 일반 화면으로 돌아가게 할 수 있음
- useHover - 어떤 것에 마우스를 올렸을 때 감지
- useNetwork - Online 또는 Offline 상태인지 감지
- useNotification - notification API를 사용할 때 유저에게 알림을 보냄
- useScroll - 스크롤을 할 때를 감지해 알려줌
- useTabs - 웹사이트에 메뉴 또는 무엇이든간에 tab를 사용하기 매우 쉽게 만들어주는 것
- usePreventLeave - 유저가 변경사항이나 무엇이든간에 저장하지 않고 페이지를 벗어나길 원할 때 확인을 하는 것
- useConfirm - 유저가 변경사항이나 무엇이든간에 저장하지 않고 페이지를 벗어나길 원할 때 확인 기능이 존재
- useAxios - HTTP requests client axios을 위한 wrapper
출처 : 노마드코더 - 실전형 리액트 Hooks 10개
'Front > React.js' 카테고리의 다른 글
useInput Hooks (0) | 2025.01.10 |
---|---|
USESTATE Hooks (0) | 2025.01.09 |
[React] 리액트 Hook (훅) (2) | 2024.08.28 |
[React] 댓글 컴포넌트 제작 (Component & Props) (0) | 2024.08.26 |
[React] 리액트 버전 18 (0) | 2024.08.25 |