Custom Hooks

  • useTitle: react document의 title을 몇 개의 hooks와 함께 바꾸는 것
  • useInput: input 역할
  • usePageLeave: 유저가 page를 벗어나는 시점을 발견하고 함수를 실행
  • useClick: 누군가 element를 클릭하는 시점을 감지
  • useFadeIn: 어떤 element든 상관없이 애니메이션을 element 안으로 서서히 사라지게 만듦
  • useFullscreen: 어떤 element든 풀스크린으로 만들거나 일반 화면으로 돌아가게 함
  • useHover: 어떤 것에 마우스를 올렸을 때 감지
  • useNetwork: online or offline 상태 감지
  • useNotification: notification API를 사용할 때 유저에게 알림을 보내줌
  • useScroll: 스크롤을 사용할 때를 감지해 알려줌
  • useTabs: 웹사이트 메뉴 또는 무엇이든 간에 tab을 사용하기 쉽게 만들어 주는 것
  • usePreventLeave: 유저가 변경사항이나 무엇이든간에 저장하지 않고 페이지를 벗어나길 원할 때 확인을 하는 것
  • useConfirm: 위와 유사하면서 어떠한 기능이 존재
  • useAxios: HTTP requests client axios 을 위한 wrapper 같은 것