Le useState hook est utilisé pour ajouter des fonctionnalités d'état;

Il nous permet de déclarer et de gérer des variables d'état au sein d'un composant;

En appelant le useState hook, nous pouvons initialiser une variable d'état et une fonction setter correspondante;

La mise à jour de la variable d'état déclenche un nouveau rendu du composant, reflétant la nouvelle valeur de l'état.

Le useRef hook fournit un moyen de créer des variables mutables qui persistent à travers les rendus de composants;

Contrairement à useState, useRef ne déclenche pas un nouveau rendu lorsque sa valeur change;

Il est couramment utilisé pour accéder ou stocker des références à des éléments DOM, gérer des valeurs précédentes ou préserver des valeurs entre les rendus.

Le useEffect hook nous permet d'effectuer des effets secondaires;

Nous pouvons utiliser useEffect pour gérer des tâches telles que la récupération de données, les abonnements ou l'interaction avec le DOM;

En spécifiant des dépendances, nous contrôlons quand l'effet s'exécute, optimisant les performances et empêchant les rendus inutiles.

Le useMemo hook permet la mémorisation des calculs ou des opérations coûteuses;

Il prend une fonction et un tableau de dépendances et retourne une valeur mémorisée;

Fournir un tableau de dépendances garantit que la valeur mémorisée est uniquement recalculée lorsque les dépendances changent. Cette optimisation peut améliorer considérablement les performances en évitant des recalculs inutiles.

Le contexte permet de passer des données à travers l'arborescence des composants sans nécessiter de passage explicite de props;

Il permet la gestion d'état global et permet aux composants d'accéder aux données partagées;

Le contexte se compose de deux parties principales : l'objet Contexte et le fournisseur de Contexte;

L'objet Contexte contient les données partagées, tandis que le composant fournisseur enveloppe la partie de l'arborescence des composants qui a besoin d'accéder à ces données;

Les composants consommateurs peuvent accéder aux données en utilisant le hook useContext.