Maison > interface Web > js tutoriel > Utilisez-vous les hooks personnalisés dans React, n'est-ce pas ?

Utilisez-vous les hooks personnalisés dans React, n'est-ce pas ?

Barbara Streisand
Libérer: 2024-10-15 12:23:02
original
839 Les gens l'ont consulté

Are you using the custom hooks in React right?

Les hooks personnalisés sont une méthode qui nous aide à créer et à maintenir des fonctionnalités en dehors du composant qui peuvent être réutilisées et appelées dans divers composants de l'application.
Cela vous semble-t-il familier ? Oui, ce sont essentiellement des fonctions utilitaires que nous avons tendance à conserver dans utils.js lorsque nous travaillions avant la tempête des hooks ou avant même de commencer à utiliser des bibliothèques comme React ou Angular.

C'est également un exemple approprié d'inversion de dépendance dans les principes SOLID.

Ici, au lieu de les conserver sous forme de fonctions dans un fichier js, nous les gardons sous forme de hooks qui peuvent être appelés en haut du composant.

Pourquoi utiliser un crochet personnalisé ?

À mesure que la taille de l'application augmente, il est important d'abstraire la logique en dehors du composant qui peut être réutilisée. Cela nous aide à améliorer la modularité du code. En déplaçant ces logiques à l'extérieur, vous pouvez conserver de nombreux composants simplement comme composants de présentation.

En créant votre propre hook personnalisé, vous évitez d'utiliser une bibliothèque externe pour ajouter de nouvelles fonctionnalités, économisant ainsi de l'espace et des coûts de maintenance.

Comme les hooks personnalisés sont destinés à être utilisés au-dessus du composant comme les hooks intégrés, vous pouvez utiliser useState, useEffect ou même des hooks personnalisés à l'intérieur de celui-ci.

Points à retenir lors de la création d'un crochet

  • Commencez par le mot-clé « utiliser ».
  • Gardez le principe SOLIDE à l'esprit : le crochet ne doit faire qu'une seule chose.
  • Définissez les types à l'avance pour les paramètres - Si dactylographié - super.
  • Doit être utilisé uniquement en haut du composant où vous consommez
  • N'ajoutez pas de nouveaux paramètres ou options en pensant que cela pourrait arriver dans le futur. Gardez de la place pour la mise à l’échelle ; quand il y a un besoin, nous pouvons étendre la capacité du crochet

Pour l'article complet, veuillez visiter le blog Medium.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal