[React] 리액트 훅(Hooks)

벨로퍼트와 함께하는 모던 리액트를 학습하여 작성했습니다.

https://react.vlpt.us/

---

1.리액트 훅(Hooks)

함수형 컴포넌트에서 상태와 생명주기 기능을 사용할 수 있도록 하는 기능입니다.
클래스형 컴포넌트에서 사용되던 많은 기능들을 함수형 컴포넌트에서도 사용할 수 있게 해주며, 코드의 재사용성을 높이고 컴포넌트 구조를 단순화하는 데 도움을 줍니다.

 

2.주요 리액트 훅

• useState: 상태 변수를 선언하고 관리합니다.
• useEffect: 사이드 이펙트를 처리합니다. 
• useContext: 컨텍스트를 사용하여 전역 상태를 관리합니다.
• useReducer: 복잡한 상태 로직을 관리합니다.
• useCallback: 함수를 메모이제이션하여 성능을 최적화합니다.
• useMemo: 값을 메모이제이션하여 성능을 최적화합니다.
• useRef: 컴포넌트에서 변경 가능한 ref 객체를 관리합니다.
• useLayoutEffect: 레이아웃 변경을 처리합니다.
• useImperativeHandle: ref를 커스터마이징합니다.
• useDebugValue: 커스텀 훅의 디버그 값을 표시합니다.