Components are the fundamental building block of Angular applications.

Components are composable, we can build larger Components from smaller ones.

An Angular application is therefore just a tree of such Components, when each Component renders, it recursively renders its children Components.

At the root of that tree is the top level Component, the root Component.

When we bootstrap an Angular application we are telling the browser to render that top level root Component which renders it’s child Components and so on.

In this section we build upon the knowledge learned in the quickstart and cover:

  • How to architect an application using Components.

  • The Component decorator in more depth.

  • Content Projection

  • Component Lifecycle Hooks

  • View Children vs. Content Children

Caught a mistake or want to contribute to the book? Edit this page on GitHub!

Learn Angular For FREE

I've released my 700 page Kick Starter funded Angular book for FREE