# Типы хуков в React

В данном уроке мы рассмотрим различные типы хуков. Всего в React есть `12` встроенных хуков. Широко используемыми считаются `useState`, `useEffect` и `useContext`. Все хуки можно условно разделить на несколько групп, согласно их применению.

## Первая группа

Первая группа - это хуки для работы со стейтами компонента или хуки состояния. К этой группе относятся `useState` и `useReducer`.

## Вторая группа

Вторая группа - это хуки контекста (понятие контекста в React мы рассмотрим в одном из уроков). В этой группе только один хук - `useContext`.

## Третья группа

Третья группа - это хуки рефа (с понятием рефов мы познакомимся в дальнейшем). В этой группе у нас хуки `useRef` и `useImperativeHandle`.

## Четвертая группа

К четвертой группе можно отнести хуки эффекта (об эффектах мы поговорим позже), такие как `useEffect`, `useLayoutEffect`, `useInsertionEffect`.

## Пятая группа

И, наконец, последняя группа содержит хуки для улучшения производительности приложения. Это такие хуки, как `useMemo`, `useCallback`, `useTransition` и `useDeferredValue`.

## Вне категорий

Есть еще хуки `useDebugValue`, `useId`, `useSyncExternalStore`, которые не относят к какой-либо категории.

## Свои хуки

Также кроме использования встроенных хуков, вы при необходимости можете создать свой собственный хук.

## Что дальше

В следующих уроках мы более подробно рассмотрим большинство хуков, приведенных в данном уроке.

← →
↑