Типы хуков в React
В данном уроке мы рассмотрим различные
типы хуков.
Всего в React есть 12 встроенных
хуков. Широко используемыми считаются
useState, useEffect и
useContext.
Все хуки можно условно разделить на
несколько групп, согласно их применению.
Первая группа
Первая группа - это хуки для работы со
стейтами компонента или хуки состояния.
К этой группе относятся useState
и useReducer.
Вторая группа
Вторая группа - это хуки контекста
(понятие контекста в React мы рассмотрим
в одном из уроков). В этой группе
только один хук - useContext.
Третья группа
Третья группа - это хуки рефа (с понятием
рефов мы познакомимся в дальнейшем). В
этой группе у нас хуки useRef и
useImperativeHandle.
Четвертая группа
К четвертой группе можно отнести хуки
эффекта (об эффектах мы поговорим позже),
такие как useEffect, useLayoutEffect,
useInsertionEffect.
Пятая группа
И, наконец, последняя группа содержит
хуки для улучшения производительности
приложения. Это такие хуки, как useMemo,
useCallback, useTransition
и useDeferredValue.
Вне категорий
Есть еще хуки useDebugValue,
useId, useSyncExternalStore,
которые не относят к какой-либо категории.
Свои хуки
Также кроме использования встроенных хуков, вы при необходимости можете создать свой собственный хук.
Что дальше
В следующих уроках мы более подробно рассмотрим большинство хуков, приведенных в данном уроке.