Introduction to Component Approach in Angular

Let's say we have a website. On this website we can highlight some blocks: header, content, sidebar, footer, and so on. Each block can be divided into smaller subblocks. For example, in the header you can usually highlight the logo, menu, contact block, and so on.

In Angular, each such block is called a component. Each component can contain smaller components, which in turn contain even smaller ones, and so on.

Each component in Angular has its own folder of files located in the src folder.

One of the components must be the main one - the one to which the other components are added. In Angular, by default, such a component will be the App component. Other components will be connected to this component. We will discuss how this is done later in the tutorial.