What Are Components?
A key concept of React is the usage of so-called components. Components are reusable building blocks that are combined to compose the final user interface. For example, a basic website could be made up of a sidebar that includes navigation items and a main section that includes elements for adding and viewing tasks.
Figure 2.1: An example task management screen with sidebar and main area
If you look at this example page, you might be able to identify various building blocks (i.e., components). Some of these components are even reused:
- The sidebar and its navigation items
- The main page area
- In the main area, the header with the title and due date
- A form for adding tasks
- A list of tasks
Please note that some components are nested inside other components—i.e., components are also made up of other components. That’s a key feature of React and similar libraries.
Why Components?
No matter...
