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
Lire cette leçon dans votre langue
Toutes les leçons de ce cours
17 leçons- 1Qu'est-ce que React ?25 min
- 2JSX et Components30 min
- 3Props30 min
- 4Le State avec useState35 min
- 5Gestion des événements30 min
- 6Rendu conditionnel et listes30 min
- 7Formulaires et Controlled Inputs35 min
- 8Les Effects avec useEffect40 min
- 9Récupération des données40 min
- 10Composition de Components35 min
- 11Context et useContext35 min
- 12useReducer35 min
- 13Hooks personnalisés35 min
- 14Performance et Memoization35 min
- 15Routage avec React Router40 min
- 16Tester les Components React40 min
- 17Projet final : Application de liste de tâches60 min
Voir les autres cours
