Introducing container components

The main topic of this book is to learn how to create scalable user interfaces using Angular components. You can probably already see a trend within this chapter. From a simple task list component holding its own state, we're slowly moving into a more serious and maintainable application architecture. We've already been going through some major refactorings which can be summarized as follows:

• Creating a simple task list component to list some tasks coming from a simple list of plain objects
• Splitting the task list component into various subcomponents and finding the right size for our components (task list, task, checkbox, toggle)
• Introducing a service in order to store our task data and remove any data which was directly embedded into our components
• Using the Angular HTTP client and the in-memory web API to simulate asynchronous data fetching and using RxJS observables in our service and components

Within this section, we're going to learn about another concept...