Hooks personnalisés
Partie du cours React
Vous avez écrit un tiroir qui s'ouvre et se ferme. Trois lignes de useState et un gestionnaire qui inverse un booléen. Puis la même chose pour un menu déroulant, puis encore pour une fenêtre modale, puis encore pour un lien « voir plus ». Quatre composants contiennent maintenant les mêmes six lignes, et le jour où vous déciderez que la bascule doit aussi se souvenir de son dernier état, il faudra les modifier tous...
Un hook personnalisé est la solution, et il est bien moins mystérieux que son nom le laisse croire. C'est une fonction JavaScript ordinaire dont le nom commence par use et qui appelle à l'intérieur d'elle les hooks de React. Voilà toute la définition. Aucune syntaxe particulière, aucune déclaration à enregistrer quelque part, rien à importer depuis React pour en créer un.
Envie d’apprendre React Hooks personnalisés dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec React prêt, et travaillez sur Hooks personnalisés avec un tuteur IA qui connaît votre code.
Commencer cette leçonHooks personnalisésCe que vous allez apprendre
- Extracting stateful logic into a function
- Use prefix convention
- UseToggle example
- UseLocalStorage example
- Hooks rules