Dataflow

The chart below shows Angular 2 app dataflow:

App component is top component of the app. It usually includes <router-outlet></router-outlet>, which will direct us to different page (Smart component).

Smart component is responsible to interact with Cloud/Database through Service.

Dumb component is only showing the data got from Smart Component through @Input. When it needs to emit some event, it can use @Output.

If you never touch Angular 2 before, don't worry since we will cover these in next chapters. And you can go back to read again.