-

front-end application.
Creating React components for the PRODOS front-end application
Let’s create the React components for our PRODOS front-end application using
JSX. Before we create the components, we first need to understand one of the
web pages of our application. The web page in a React application is nothing
but the composition of several React components as shown in the following
screenshot:
Figure 8.8: A PRODOS web page
As you can see in the preceding screenshot, the user interface of the product
list is split into components. There is an application root component, a table
component, and a table row component.
The React components in the preceding screenshot are arranged in a tree-like
structure (aka a visual hierarchy) as shown in the following diagram. You can

---