Hooks dans React

Dans cette leçon, nous allons commencer à nous familiariser avec les hooks. Nous les avons déjà rencontrés lorsque nous étudiions les états - là nous avons appris à travailler avec le hook d'état useState.

En général, les hooks sont des fonctions JavaScript ordinaires, dont les noms commencent par le mot 'use'.

Les hooks nous permettent d'utiliser les états et d'autres fonctionnalités de React sans utiliser de classes. Ils facilitent la réutilisation du code pour diverses tâches, ainsi que son test et aident à décomposer des composants complexes en fonctions plus simples selon leur finalité. Certains hooks sont même capables de remplacer les fonctionnalités de Redux. En plus de cela, les hooks aident à améliorer les performances de l'application.

Si vous souhaitez utiliser les hooks, suivez deux règles principales. Premièrement, utilisez-les uniquement au niveau supérieur - ne les appelez pas à l'intérieur de boucles, d'instructions conditionnelles ou de fonctions imbriquées. Deuxièmement, les hooks doivent être appelés uniquement à partir de fonctions React (à partir de composants React ou de hooks personnalisés), mais pas à partir de fonctions JavaScript ordinaires.

Une autre erreur souvent commise par les développeurs est l'utilisation incontrôlée des hooks dans le code. Avant d'utiliser tel ou tel hook, assurez-vous qu'il est vraiment nécessaire.

Dans la leçon suivante, nous examinerons les types de hooks.