> For the complete documentation index, see [llms.txt](https://k-developer.gitbook.io/dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://k-developer.gitbook.io/dev/react/react-hook.md).

# React Hook

## React 16.8에 새로 추가된 Hook 종류와 개념

> 리액트 훅 알아보기

함수형 컴포넌트에서도 클래스형 컴포넌트의 기능을 사용할 수 있게 하는 기능이다.\
훅을 통해 함수형 컴포넌트에서도 컴포넌트 상탯값을 관리할 수 있고, 컴포넌트의 생명 주기 함수를 이용할 수 있다.

> 장점

재사용 가능한 로직을 쉽게 만든다. 훅이 단순한 함수이므로 함수 안에서 다른 함수를 호출하는 것으로 새로운 훅을 만들 수 있기 때문이다. 리액트 내장 훅과 다른 사람들이 만든 여러 커스텀 훅을 조립해서 쉽게 새로운 훅을 만들 수 있다.\
같은 로직을 한곳으로 모을 수 있어 가독성이 좋다.

> 기본 Hook

* [useState](/dev/react/react-hook/usestate.md)
* [useEffect](/dev/react/react-hook/useeffect.md)
* [useContext](/dev/react/react-hook/usecontext.md)

> 추가 Hook

* [useReducer](/dev/react/react-hook/usereducer.md)
* [useCallback](/dev/react/react-hook/usecallback.md)
* [useMemo](/dev/react/react-hook/usememo.md)
* [useRef](/dev/react/react-hook/useref.md)
* useImperativeHandle
* useLayoutEffect
* useDebugValue

> Custom hook

* [custom hook](/dev/react/react-hook/custom-hook.md)

> Hook 사용규칙

1. 하나의 컴포넌트에서 훅을 호출하는 순서는 항상 같아야한다. -> 내부적으로 훅 처리를 호출된 순서로 관리 한다.
2. 함수형 컴포넌트 , 커스텀 훅 안에서만 호출되어야한다.