본문 바로가기

스터디/[노마드코더] 실전형 React Hooks

#0. Introduction

# 목표 : 우리의 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