Voici la liste des crochets de React :
| Nom | Description |
|---|---|
| useActionState | Ce crochet permet de gérer l'état d'une action désynchronisée de manière optimisée pour React (plus récent, expérimenté dans certains contextes). |
| useCallback | Ce crochet permet de mémoriser une fonction entre les rerenders afin d'éviter des recalculs inutiles ou de recréer des callbacks. |
| useContext | Ce crochet permet de consommer la valeur d'un contexte créé avec React.createContext dans une composante fonctionnelle. |
| useDebugValue | Ce crochet permet d'afficher une valeur dans les outils de développement React pour le debugging personnalisé des crochets. |
| useDeferredValue | Ce crochet permet de différer la mise à jour d'une valeur afin de rendre l'UI plus réactive lors de changements coûteux. |
| useEffect | Ce crochet permet d'exécuter du code après le rendu de la composante, idéal pour les effets secondaires (API, minuteries, abonnements). |
| useId | Ce crochet permet de générer un identifiant unique stable pour chaque composant, pratique pour les attributs id et l'accessibilité. |
| useImperativeHandle | Ce crochet permet d'exposer certaines méthodes ou valeurs d'une composante à son parent via ref. |
| useInsertionEffect | Ce crochet permet d'injecter du code ou des styles avant le rendu DOM, utile pour les librairies CSS-in-JS. |
| useLayoutEffect | Ce crochet permet d'exécuter du code synchroniquement après le rendu DOM mais avant le peint final, utile pour mesurer ou ajuster le DOM. |
| useMemo | Ce crochet permet de mémoriser la valeur retournée par une fonction pour éviter des recalculs coûteux à chaque rendu. |
| useOptimistic | Ce crochet permet de gérer des états optimistes, par exemple lors d'opérations désynchronisées, pour rendre l'UI plus réactive. |
| useReducer | Ce crochet permet de gérer un état complexe avec un reducer, similaire à Redux mais intégré à React. |
| useRef | Ce crochet permet de créer une référence mutable qui persiste entre les rendus, utile pour accéder au DOM ou stocker des valeurs persistantes. |
| useState | Ce crochet permet de gérer un état local dans une composante fonctionnelle. |
| useSyncExternalStore | Ce crochet permet de se synchroniser avec un store externe de manière sûre et compatible avec le rendu concurrent. |
| useTransition | Ce crochet permet de marquer certains états comme "transitions" pour différer les mises à jour non urgentes et rendre l'UI plus fluide. |
Dernière mise à jour : Mercredi, le 10 septembre 2025