Front/React.js

리액트 Hooks

ddo04 2025. 1. 8. 23:45
  • 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