passer au contenu principal
dessin & développement d'applications Web

Architecture de composants

In English

Le projet elections-carousel-component comprend une collection des «components» qui reçoit des données externes des résultats des élections importées via l'API et les affiche sous la forme d'un carrousel.

Capture d'écran du projet elections-carousel-component
Capture d'écran du projet elections-carousel-component

La hiérarchie des composants est illustrée à la figure 1, qui présente l'ensemble des sept types (huit types, si le composant «ErrorBoundary» est pris en compte dans le montant total).

Figure 1: Hiérarchie des composants React
Figure 1: elections-carousel-component: La hiérarchie des composants

Tous les composants ont été écrits en React (une approche simple pour ce projet de démonstration, pas utilisant Flux ou Redux), et échangent entre eux des données, comme montré ci-dessous:

Gist montrant la boucle de données entre les composants React

Le code source entier est fourni sur GitHub.

Marqué:

Les commentaires sont maintenant fermés.

0 commentaire

Haut