Designing the home route

Consider the following mock-up as the landing experience for LemonMart:

LemonMart Landing Experience

Unlike the LocalCastWeather app, we don't want all this markup to be in the App component. The App component is the root element of your entire application; therefore, it should only contain elements that will persistently appear throughout your application. In the following annotated mock-up, the toolbar marked as 1 will be persistent throughout the app.

The area marked as 2 will house the home component, which itself will contain a login user control, marked as 3:

LemonMart Layout Structure

It is a best practice ...

Get Angular 6 for Enterprise-Ready Web Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.