Learn Angular: Build a Todo App

Chapter 2: Understanding Component Architecture

In the first chapter, we learned how to get our Todo application up and running and deploy it to GitHub pages. This worked just fine, but unfortunately the whole app was crammed into a single component. In this chapter, we’ll examine a more modular component architecture. We’ll look at how to break this single component into a structured tree of smaller components that are easier to understand, re-use and maintain.

A Quick Recap

So let’s look at what we covered in part one in slightly more detail. We learned how to:

• initialize our Todo application using the Angular CLI
• create a Todo class to represent individual todos
• create a TodoDataService service to create, update and remove todos
• use the ...