ReactJS - Meilleures pratiques

Dans ce chapitre, nous énumérerons les meilleures pratiques, méthodes et techniques de React qui nous aideront à rester cohérents pendant le développement de l'application.

• State- L'état doit être évité autant que possible. Il est recommandé de centraliser l'état et de le transmettre dans l'arborescence des composants comme accessoires. Chaque fois que nous avons un groupe de composants qui ont besoin des mêmes données, nous devons définir un élément conteneur autour d'eux qui conservera l'état. Le modèle de flux est un bon moyen de gérer l'état dans les applications React.

• PropTypes- Les PropTypes doivent toujours être définis. Cela aidera à suivre tous les accessoires de l'application et sera également utile pour tout développeur travaillant sur le même projet.

• Render- La plupart de la logique de l'application doit être déplacée à l'intérieur de la méthode de rendu. Nous devrions essayer de minimiser la logique dans les méthodes de cycle de vie des composants et déplacer cette logique dans la méthode de rendu. Moins nous utilisons d'états et d'accessoires, plus le code sera propre. Nous devons toujours rendre l’État aussi simple que possible. Si nous avons besoin de calculer quelque chose à partir de l'état ou des accessoires, nous pouvons le faire dans la méthode de rendu.

• Composition- L'équipe React suggère d'utiliser un principe de responsabilité unique. Cela signifie qu'un composant ne doit être responsable que d'une seule fonctionnalité. Si certains des composants ont plus d'une fonctionnalité, nous devons refactoriser et créer un nouveau composant pour chaque fonctionnalité.

• Higher Order Components (HOC)- Les anciennes versions de React proposaient des mixins pour gérer les fonctionnalités réutilisables. Les mixins étant désormais obsolètes, l'une des solutions consiste à utiliser HOC.