Types de hooks dans React

Dans cette leçon, nous examinerons les différents types de hooks. React dispose au total de 12 hooks intégrés. Les plus couramment utilisés sont useState, useEffect et useContext. Tous les hooks peuvent être classés en plusieurs groupes, selon leur utilisation.

Premier groupe

Le premier groupe est celui des hooks pour travailler avec l'état du composant ou hooks d'état. Ce groupe comprend useState et useReducer.

Deuxième groupe

Le deuxième groupe est celui des hooks de contexte (nous examinerons le concept de contexte dans React dans l'une des leçons). Ce groupe ne contient qu'un seul hook - useContext.

Troisième groupe

Le troisième groupe est celui des hooks de ref (nous nous familiariserons avec le concept de refs ultérieurement). Dans ce groupe, nous avons les hooks useRef et useImperativeHandle.

Quatrième groupe

Le quatrième groupe peut inclure les hooks d'effet (nous parlerons des effets plus tard), tels que useEffect, useLayoutEffect, useInsertionEffect.

Cinquième groupe

Et enfin, le dernier groupe contient les hooks pour améliorer les performances de l'application. Ce sont des hooks tels que useMemo, useCallback, useTransition et useDeferredValue.

Hors catégories

Il y a aussi les hooks useDebugValue, useId, useSyncExternalStore, qui ne sont attribués à aucune catégorie.

Hooks personnalisés

En plus d'utiliser les hooks intégrés, vous pouvez, si nécessaire, créer votre propre hook personnalisé.

Et ensuite

Dans les prochaines leçons, nous examinerons plus en détail la plupart des hooks présentés dans cette leçon.