Chapter 1. What Do Routers Do?
Before we jump into the specifics of the Angular router, let's talk about what routers do in general.
As you know, an Angular application is a tree of components. Some of these components are reusable UI components (for example, list and table), and some are application components, which represent screens or some logical parts of the application. The router cares about application components, or, to be more specific, about their arrangements. Let's call such component arrangements router states. So a router state defines what is visible on the screen.
Note
A router state is an arrangement of application components that defines what is visible on the screen.