In this lecture, we're going to learn about components they're a central core feature in the angular
framework.
I'm 100 percent positive you will be working with components the most in an angular app.
So let's jump into it.
We can think of components as custom HTML tags.
The browser has dozens of tags.
Some of them are basic for rendering text.
For example, paragraph div and span tags will render basic text.
There are other tags with complex behavior.
The form button and input tags are some examples.
We have a wide range of tags available in some cases.
We will need to teach the browser new tags.
We may want to create a tag for displaying products, users, models, et cetera.
If we teach the browser new tags, we can reuse them.
That's where components come into play.
Angular makes it extremely easy to teach new tags to the browser.
We have complete control over the behavior of the components we create.
This behavior can range from rendering text to authenticating users.
We can even render other components.
Angular will supply us with a custom component in the default project.
We can find a file called AMP component ducts under the source slash app directory.
The file name for a component has the component ducts extension.
It's not a required name, but common practice.
We will follow this practice throughout the course.
It helps developers identify this file as a component.
Let's do what we did last time.
We're going to remove everything from this file.
We will begin the process of recreating this file in the next lecture.