Component based Architecture in Angular

less than 1 minute read

One of the main architectural principles in Angular is that an application should be composed of well encapsulated, loosely coupled components. In this session 0008-8- angular: What is Component Based Application? we are going to discuss about components (in the context of Angular) and how they differ from directives.
At the end of this tutorial, you will be able to answer questions related to components and their usage in angular. You will get clear view of most frequently asked questions like
- What are components?
- How they encapsulate the concept of shadow routing?
- What is component decorator?
- What minimum metadata required in component decorator?
- Can we create our own decorator, is component itself a directive etc.?
It also talks about the component-based design of an application, and its comparison to traditional design methods being used. In Angular, a Component is basically a special kind of directive that uses a simpler configuration which is suitable for a component-based application structure. This makes it easier to write an app with simpler configuration than plain directives. By taking component based application development approach it is easier to build an app, modify, and enhance later.