Our application so far has all of its HTML, CSS, and business logic as part of the AppComponent class. Although we have already broken this class down into a separate app.component.html and app.component.css files, it really contains a number of separate components all in one. Let's take this opportunity to modularize our code, and create three separate classes. These will be:
A
NavbarComponentclass to render and handle the navigation bar at the top of the screenA
SideNavComponentclass to render the left-hand side navigation panelA
RightScreenComponentto handle the detail panel that slides in from the right
This means that the AppComponent class becomes the central application class, and it will be responsible for coordinating each of these components.