Dans le cours : React : Design Patterns

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.

Créer des composants standards avec le compound pattern

Créer des composants standards avec le compound pattern - Tutoriel React.js

Dans le cours : React : Design Patterns

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Créer des composants standards avec le compound pattern

“

Voici pour ce projet qui est bien abouti, donc on peut facilement passer d'un thème à l'autre. Donc, ce que l'on va faire à présent, c'est juste apporter une petite solution d'optimisation, qui ne va rien changer donc à la présentation de ce thème, de cette démo. Ce que l'on va faire, c'est simplement apporter une solution d'optimisation côté code, donc ce sera technique. Et donc, cette solution, il s'agit également d'un design pattern : il s'agit du « compound pattern ». Donc, on retourne dans le code source pour comprendre l'objectif de cette solution ici. Donc là, on va retrouver donc exactement la même implémentation ; on va partir de là. Donc on a bien ce bouton qui permet de basculer ici, donc d'afficher de manière alternative, soit « Off » ou alors « On » et également de changer de style. Et donc, vous allez voir, ici plus haut, que j'ai défini ce composant, donc ce composant « Button », qui reprend exactement le même code source. Et là, vous remarquez également qu'on a cette…

Table des matières