Wrapper de contexte et React

Empêchez l'accès direct de vos composants au contexte de l'application !

Le concept de Component dans React est basé sur la réutilisation. Un composant idéal devrait fonctionner dans n’importe quelle application, sans modifications. Les bibliothèques de composants en sont l’exemple parfait : elles proposent des pièces hautement personnalisables.

Bien que nous n'atteignions pas ce niveau de sophistication, nous pouvons créer des composants réutilisables et facilement transférables entre applications. La clé réside dans une stratégie de conception appropriée qui protège nos composants des particularités du contexte et des règles métier de l'application actuelle.

Cette stratégie est connue sous le nom de Context Wrapper. Cela consiste à isoler le contexte un niveau au dessus du composant qui en a besoin, et à faire passer les données via des props.

De cette manière, les problèmes courants sont évités lors de la migration des composants, où il faudrait généralement modifier le composant ou le contexte de l'application cible. Avec cette approche, nous copions simplement le composant et l'utilisons, en fournissant les accessoires nécessaires.

Nous admettons que Context Wrapper n'est pas la solution la plus élégante, car elle peut générer des sous-classes de composants qui, si elles ne sont pas gérées correctement, peuvent rendre le développement complexe. Nous aborderons ce sujet dans une prochaine publication.

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!