-

interface is created using a number of components. These components are
composed together as per requirements in a user interface. And each
component can be reused and has a different role such a form, button, popup,
and more.
These components talk to each other in a React application. Let us create a
mock user interface for our PRODOS front-end application:

---

Figure 8.4: The PRODOS mock user interface with React components.
In the preceding diagram, we created a mock user interface using the
components , , , and so on. We need to create these React components and
combine them together to create a PRODOS application user interface.
Data flow in the React components
As you can see in the following diagram, the React components have a parent-
child relationship and parent components provide data to their children. And