The components overview
An Angular application is a tree structure consisting of all the components we create.
You will find below the components tree of our Recipes Book app, which is important for understanding the anatomy of the application:
- AppComponent: The parent component of the app
- Header Component: The component representing the header of the app that contains the user space, the menu, and the logo
- Home Component: The component representing the landing page that contains RecipeFilterComponent and RecipesListComponent
- RecipeFilterComponent: The component representing the filter zone that contains the criteria fields, and the Clear all and Show Results buttons
- RecipesListComponent: The component containing the list of recipes
- RecipesDetailsComponent: The component containing the details of one recipe
- RecipesCreationComponent: The component containing a form to create a recipe...