We have kicked off Part 2 with the component building, where we have laid out our root component app.component.html to house our primary view, where you learned about GridLayout, a very useful layout container.

Angular's Component decorator allowed us to easily build TrackListComponent as well as PlayerControlsComponent. We also learned how to build an Angular Pipe to aid our view's ability to keep our track list in order. Angular's NgModule taught us we need to ensure any view-related declarations needed for any components are imported properly. This Angular design pattern helps maintain module isolation as standalone units of code that can be intermixed by importing modules into each other.

We also enhanced a fair share of our services to support some of the usability we desire with our components.

Finally, we were able to take a quick peek at what we were building. Even though it's not at all pretty at this point, we can see things coming together.

In Chapter 4, A prettier view with CSS, you will learn how to use CSS to bring out the pretty from our views.