실전형 리액트 Hooks 10개

• 노마드 코더의 강의를 중심으로 리액트 Hook을 실습한 내용입니다. 강의 바로가기
• 관련 키워드(지식)
  • REACT
  • useEffect
  • useState
  • NPM

react-hooks

이 저장소에서 실습한 hooks

• useInput
• useTabs
• useTitle
• useClick
• useHover
• usePreventLeave
• useConfirm
• useBeforeLeave
• useFadeIn
• useNetwork
• useScroll
• useFullScreen
• useNotification
• useAxios

나만의 NPM 패키지 만들어보기

Each hook has its own pacakge

Hook	Description	Documentation	NPM Page
useTitle	Update your document's title.	Documentation	NPM Page
useConfirmation	Prompt a confirmation before executing a function.	Documentation	NPM Page
useHover	Detect a hover on any React Element.	Documentation	NPM Page
useBeforeLeave	Execute a function when the mouse leaves the document.	Documentation	NPM Page
useNetwork	Listen when the user goes online or offline.	Documentation	NPM Page
useScroll	Get X/Y coordinates of current position of the scroll.	Documentation	NPM Page
usePreventLeave	Prompt the user for confirmation before leaving the page.	Documentation	NPM Page
useFadeIn	Fade in any element.	Documentation	NPM Page
useFullscreen	Make any element go Fullscreen	Documentation	NPM Page