3 conseils pour écrire de meilleurs composants React – Meilleure programmation

Online Coding Courses for Kids

Dans ce formulaire, j’avais besoin de récupérer certaines données d’une API sur GraphQL. j’ai utilisé Apollon et @apollo/react-hooks.

Lorsque j’obtiens les données, je dois mettre à jour un état. Au lieu de récupérer les données dans le même composant, je peux créer un crochet personnalisé qui ne renvoie que l’état dont j’ai besoin.

Si j’ai besoin d’utiliser une mutation ou d’ajouter une requête supplémentaire, je pourrais également écrire cette logique dans ce crochet.

Je vous recommande de suivre la séparation des préoccupations principe de récupération des données. Vous pouvez créer un fichier séparé pour la logique liée aux données et simplement retourner l’état qui sera rendu dans votre composant.

Cela pourrait également s’appliquer à votre interface utilisateur, la création d’un composant de présentation au besoin vous aidera à mieux comprendre le fonctionnement de votre application.

Close Menu