8. Conclusion

Nous avons vu comment factoriser le comportement commun entre plusieurs composants, grâce à de simples fonctions JavaScript. Pour les cas plus avancés, où l’utilisations des Hooks est nécessaire, nous avons vu que nous devons déclarer nos propres Hooks. L’avantage de définir des comportements communs à un seul endroit, est que votre code devient plus facilement maintenable. Si demain vous devez apporter une modification à votre application, vous pourrez le faire à un seul endroit. Dans tous les cas, vous connaissez maintenant le fonctionnement !

En résumé

  • Les propriétés calculées sont simplement des fonctions qui permettent d’effectuer un traitement sur les données d’un composant avant de les afficher à l’utilisateur.
  • Il est recommandé de factoriser la logique commune à plusieurs composants dans une fonction à part.
  • Si la logique à factoriser implique d’utiliser les Hooks d’un composant, useState et useEffect par exemple, alors il faut utiliser un Hook personnalisé.
  • Un Hook personnalisé est une fonction JavaScript, dont le nom commence par « use« , et qui peut appeler d’autre Hooks.
  • Un Hook personnalisé peut ensuite être utilisé dans plusieurs composants.