skip to main content
web application design & development

Component architecture

En Français

The elections-carousel-component project consists of a collection of components that receive election results data from an external API and display it as a carousel.

Screenshot of elections-carousel-component
Screenshot of elections-carousel-component

The component hierarchy is shown in Figure 1, which illustrates the nesting of the seven component types (eight types, if the ErrorBoundary component is counted).

Figure 1: React component hierarchy
Figure 1: elections-carousel-component: Component hierarchy

All of the components are written in pure React (ie. not using Flux or Redux since this is a simple demo), and pass data to one another as shown below:

Gist showing React components' data loop

Full source code for the project is available on GitHub.

Tagged:

Comments are now closed.

0 comments

Top