# 목표 : 우리의 hooks library를 build 하기
- useTitle : react document의 title을 몇 개의 hooks와 함께 바꿈
- useInput : input의 역할
- usePageLeave : user가 page를 벗어나는 시점을 발견하고 함수 실행
- useClick : element를 클릭하는 시점을 발견하고 함수 실행
- useFadeIn : 어떤 Element든 상관없이 FadeIn 애니메이션을 적용함
- useHover : 어떤 Element 위에 마우스를 올렸을 때를 감지함
- useFullscreen : 어떤 Element든 fullscreen으로 만들거나 일반 화면으로 돌아가게 함
- useNetwork : online인지 offline 상태인지 감지함
- useNotification : notification API를 사용할 때 유저에게 알림을 보내줌
- useScroll : Scroll을 사용할 때를 감지해 알려줌
-useTabs : 웹사이트에 메뉴 또는 무엇이든간에 tab을 사용하기 매우 쉽게 만들어줌
- usePreventLeave : user가 변경사항이나 무엇이든간에 저장하지 않고 페이지를 벗어나길 원할 때를 확인함
- useConfirm : usePreventLeave와 비슷한 기능 + 추가적인 기능
- useAxios : HTTP requests client axios을 위한 wrapper와 같은 기능
이러한 hook들을 사람들이 다운로드 받을 수 있게 NPM package에 등록 예정
'스터디 > [노마드코더] 실전형 React Hooks' 카테고리의 다른 글
#5. useConfirm & usePreventLeave hook (0) | 2024.03.20 |
---|---|
#4. useClick hook (0) | 2024.03.20 |
#3. useTitle hook (0) | 2024.03.13 |
#2. useTabs hook (0) | 2024.03.13 |
#1. useInput hook (0) | 2024.03.13 |