Meilleures pratiques ReactJS

Dans ce chapitre, nous allons énumérer les meilleures pratiques, méthodes et techniques React qui nous aideront à maintenir une cohérence lors du développement de l'application.

• États−Il devrait être évité au maximum cette état. Centraliser l'état et le transmettre en tant que piliers à travers l'arbre de composants est une bonne pratique. Chaque fois que nous avons un groupe de composants nécessitant les mêmes données, nous devrions les entourer d'un élément conteneur pour stocker l'état. Le modèle de flux est une bonne méthode pour gérer l'état des applications React.

• PropTypes−Il devrait toujours être défini PropType. Cela aidera à suivre tous les props de l'application et sera également très utile pour tout développeur travaillant sur le même projet.

• Render−La plupart de la logique de l'application devrait être déplacée à l'intérieur de la méthode render. Nous devrions réduire au minimum la logique dans les méthodes de cycle de vie des composants et déplacer cette logique dans la méthode render. Plus nous utilisons peu d'états et de props, plus le code sera propre. Nous devrions toujours garder les états aussi simples que possible. Si nous devons calculer quelque chose à partir des états ou des props, nous pouvons le faire dans la méthode render.

• Composition−L'équipe React recommande d'utiliser le principe de responsabilité unique. Cela signifie qu'un composant devrait être responsable d'une seule fonctionnalité. Si certains composants ont plusieurs fonctionnalités, nous devrions les refactorer et créer un nouveau composant pour chaque fonctionnalité.

• Composants de haute ordre (HOC)−Les anciennes versions de React ont fourni des mixins pour gérer les fonctionnalités réutilisables. Étant donné que les mixins ne sont plus recommandés, une solution possible consiste à utiliser les HOC.